                 </Col>
             </Row>
             <Row>
-                <Col md={12}>
+                <Col md={12} style={padding:'0px 2px 0px 2px'}>
                     <Panel style={@chat_log_style} ref='log_container' onScroll={@on_scroll} >
                         <ChatLog
                             messages     = {@props.messages}

        paddingRight : "10px"

    chat_input_style:
        height       : "0vh"
        margin       : "0"
        padding      : "0"
        marginTop    : "5px"

    is_at_bottom: ->

    getInitialState: ->
        input : ''

    mark_as_read: ->
        @props.redux.getActions('file_use').mark_file(@props.project_id, @props.path, 'read')

    keydown : (e) ->
        # TODO: Add timeout component to is_typing
        if e.keyCode==27 # ESC
            e.preventDefault()
            @clear_input()
        else if e.keyCode==13 and e.shiftKey # 13: enter key
            @send_chat(e)
        else if e.keyCode==38 and @refs.input.getValue() == ''
            # Up arrow on an empty input
            @props.actions.set_to_last_input()

    send_chat: (e) ->
        @scroll_to_bottom()
        e.preventDefault()
        mesg = @refs.input.getValue()
        # block sending empty messages
        if mesg.length? and mesg.trim().length >= 1
            @props.actions.send_chat(mesg)
            @clear_input()

    clear_input: ->
        @props.actions.set_input('')

    render_bottom_tip: ->
        tip = <span>
            You may enter (Github flavored) markdown here and include Latex mathematics in $ signs.  In particular, use # for headings, > for block quotes, *'s for italic text, **'s for bold text, - at the beginning of a line for lists, back ticks ` for code, and URL's will automatically become links.   Press shift+enter to send your chat. Double click to edit past chats.
        </span>

        <Tip title='Use Markdown' tip={tip}>
            Shift+Enter to send your message.
            Double click chat bubbles to edit them.
            Format using <a href='https://help.github.com/articles/markdown-basics/' target='_blank'>Markdown</a>.
            Emoticons: {misc.emoticons}.
        </Tip>

    chat_log_style:
        overflowY    : "auto"
