     clear_input: ->
         @props.actions.set_input('')
 
-    button_off_click: ->
-        if @refs.off?
-            @setState(preview_button:true)
-            @setState(is_preview_on:false)
-
-    button_on_click: ->
-        if @refs.on?
-            @setState(preview_button:false)
-            @setState(is_preview_on:true)
+    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"
+        overflowX    : "hidden"
+        height       : "60vh"
+        margin       : "0"
+        padding      : "0"
+        paddingRight : "10px"
 
     chat_input_style:
         margin       : "0"

# standard non-SMC libraries
immutable = require('immutable')
{IS_MOBILE} = require('./feature')
underscore = require('underscore')

# SMC libraries
{Avatar, UsersViewingDocument} = require('./profile')


    propTypes:
        message        : rtypes.object.isRequired  # immutable.js message object
        account_id     : rtypes.string.isRequired
        sender_name    : rtypes.string
        editor_name    : rtypes.string
