Cont. #135: Improve help sidebar look.

The code is printed in monospace instead of italics; the code does not wrap, and is shortened to compensate.
cburschka · Dec 27, 2014 · c6ac6e0 · c6ac6e0
1 parent f4a3356
commit c6ac6e0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/css/global/fonts.css b/css/global/fonts.css
@@ -7,9 +7,10 @@ a { text-decoration:none }
 a:hover { text-decoration:underline }
 .author { font-weight:bold }
 #onlineList .user-self { font-weight:bold }
-.action, .user-role-bot, .message-bot, .privmsg, #helpList td.code { font-style:italic }
+.action, .user-role-bot, .message-bot, .privmsg { font-style:italic }
 q { font-variant:small-caps }
 code {
   font-size:1.2em;
   white-space:pre-wrap;
 }
+#helpList td.code { font-family:monospace; white-space:pre }
diff --git a/index.tpl.html b/index.tpl.html
@@ -84,7 +84,7 @@ <h3>Help</h3>
           <caption><h4>Chat commands</h3></caption>
           <tr class="row">
             <td class="desc">Create a macro:</td>
-            <td class="code">/alias &lt;cmd&gt; /cmd1; /cmd2</td>
+            <td class="code">/alias &lt;cmd&gt; /a; /b</td>
           </tr>
           <tr class="row">
             <td class="desc">Set away status:</td>
@@ -99,8 +99,8 @@ <h3>Help</h3>
             <td class="code">/clear</td>
           </tr>
           <tr class="row">
-            <td class="desc">Connect and join chat:</td>
-            <td class="code">/connect &lt;user&gt; &lt;password&gt;</td>
+            <td class="desc">Connect:</td>
+            <td class="code">/connect &lt;user&gt; &lt;pass&gt;</td>
           </tr>
           <tr class="row">
             <td class="desc">Create a new room:</td>
@@ -120,11 +120,11 @@ <h3>Help</h3>
           </tr>
           <tr class="row">
             <td class="desc">Private message:</td>
-            <td class="code">/msg &lt;nickname&gt; &lt;text&gt;</td>
+            <td class="code">/msg &lt;nick&gt; ...</td>
           </tr>
           <tr class="row">
             <td class="desc">Describe action in private message:</td>
-            <td class="code">/msg &lt;nickname&gt; /me &lt;text&gt;</td>
+            <td class="code">/msg &lt;nick&gt; /me ...</td>
           </tr>
           <tr class="row">
             <td class="desc">Change nickname:</td>