Simplify question mark icon tool tip

Better rendering on mobile.

Fixes #317

NOTE: still subject to #314

Author: mayfield

templates/views/compose.html

@@ -30,29 +30,14 @@
         <i class="f-emoji-action icon link smile"
            title="Emoji Picker"></i>
         <i class="f-help-action icon link help"
-           data-variation="very wide"
            data-html='
-                <div class="ui segment basic" style="width: 350px;">
-                    <h4 class="ui header">Formatting Tips</h4>
-                    <div class="ui list relaxed divided">
-                        <div class="item">
-                            <div class="header">Bold text</div>
-                            *Bold Text* -> <strong>Bold Text</strong>
-                        </div>
-                        <div class="item">
-                            <div class="header">Italics</div>
-                            _I am italic style_ -> <em>I am italic style</em>
-                        </div>
-                        <div class="item">
-                            <div class="header">Emoji</div>
-                            :smile: -> ☺️ 
-                        </div>
-                        <div class="item">
-                            <div class="header">Help</div>
-                            /help -> List of commands.
-                        </div>
-                    </div>
-                </div>
+                <div class="ui sub header">Formatting Tips</div>
+                <table class="ui table definition unstackable compact">
+                    <tr><td>*bold*</td><td><strong>bold</strong></td></tr>
+                    <tr><td>_italic_</td><td><i>italic</i></td></tr>
+                    <tr><td>:smile:</td><td><h3>☺️ </h3></td></tr>
+                    <tr><td>/help</td><td>Show commands</td></tr>
+                </table>
            '></i>
         <i class="f-send-action icon circular send inverted blue"
            title="Send Message"></i>