             textAlign = 'right'
             marginLeft = '11px'
 
+        style =
+            display       : "inline-block"
+            marginTop     : margin_top
+            marginLeft    : marginLeft
+            marginRight   : marginRight
+            padding       : '0px'
+            textAlign     : textAlign
+            verticalAlign : "middle"
+            width         : '4%'
+
         # TODO: do something better when we don't know the user (or when sender account_id is bogus)
-        <Col key={0} xsHidden={true} sm={1} style={display:"inline-block", verticalAlign:"middle", marginTop:margin_top, marginLeft:marginLeft, marginRight:marginRight, width:'4%', textAlign:textAlign, padding:'0px'} >
+        <Col key={0} xsHidden={true} sm={1} style={style} >
             <div>
                 {<Avatar account={account} /> if account? and @props.show_avatar }
             </div>

        </div>

    show_user_name: ->
        <div className={"small"} style={color:'#888', marginBottom:'1px', marginLeft:'16px'}>
            {@props.sender_name}
        </div>


            marginTop = "17px"

        if not @props.is_prev_sender and not @props.is_next_sender
            borderRadius = '10px 10px 10px 10px'
        else if not @props.is_prev_sender
            borderRadius = '10px 10px 5px 5px'
        else if not @props.is_next_sender
            borderRadius = '5px 5px 10px 10px'

        <Col key={1} xs={10} sm={9}>
            {@show_user_name() if not @props.is_prev_sender and not @sender_is_viewer()}
