From 4a670aaa3d121834685a672acc904f9824721824 Mon Sep 17 00:00:00 2001
From: Stephen Blott
Date: Tue, 19 Apr 2016 13:07:43 +0100
Subject: Help dialog; better formatting of command names.

This needs more work.
---
 background_scripts/main.coffee | 5 +++--
 content_scripts/vimium.css     | 5 ++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/background_scripts/main.coffee b/background_scripts/main.coffee
index 9689dd79..23b7ab48 100644
--- a/background_scripts/main.coffee
+++ b/background_scripts/main.coffee
@@ -124,8 +124,9 @@ helpDialogHtmlForCommand = (html, isAdvanced, bindings, description, showCommand
   html.push "<tr class='vimiumReset #{"advanced" if isAdvanced}'>"
   if description
     html.push "<td class='vimiumReset'>#{bindings}</td>"
-    html.push "<td class='vimiumReset'></td><td class='vimiumReset vimiumHelpDescription'>", description
-    html.push("<span class='vimiumReset commandName'>(#{command})</span>") if showCommandNames
+    html.push "<td class='vimiumReset'></td><td class='vimiumReset vimiumHelpDescription'>",
+      "#{description}#{if showCommandNames then ":" else ""}"
+    html.push("<span class='vimiumReset commandName'>#{command}</span>") if showCommandNames
   else
     html.push "<td class='vimiumReset' colspan='3' style='text-align: left;'>", bindings
   html.push("</td></tr>")
diff --git a/content_scripts/vimium.css b/content_scripts/vimium.css
index 18908692..6037c9c2 100644
--- a/content_scripts/vimium.css
+++ b/content_scripts/vimium.css
@@ -231,7 +231,10 @@ div#vimiumHelpDialog td.vimiumHelpDescription {
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size:14px;
 }
-div#vimiumHelpDialog div.commandName { font-family:"courier new"; }
+div#vimiumHelpDialog span.commandName {
+  font-family:"courier new";
+  color: #555;
+}
 /* Advanced commands are hidden by default until you show them. */
 div#vimiumHelpDialog tr.advanced { display: none; }
 div#vimiumHelpDialog.showAdvanced tr.advanced { display: table-row; }
-- 
cgit v1.2.3