From eb027d98aaef4849ce238e3232cc5f78b0c598b7 Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Wed, 11 Jan 2017 14:15:29 +0000
Subject: [PATCH] Add column headings to keymap table

---
 editor/js/ui/keyboard.js  |  5 +++++
 editor/sass/keyboard.scss | 10 +++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/editor/js/ui/keyboard.js b/editor/js/ui/keyboard.js
index 87bb648b5..b26634336 100644
--- a/editor/js/ui/keyboard.js
+++ b/editor/js/ui/keyboard.js
@@ -263,6 +263,11 @@ RED.keyboard = (function() {
         }
         if (!shortcutDialog) {
             shortcutDialog = $('<div id="keyboard-help-dialog" class="hide">'+
+                '<div class="keyboard-shortcut-entry keyboard-shortcut-list-header">'+
+                    '<div class="keyboard-shortcut-entry-key">shortcut</div>'+
+                    '<div class="keyboard-shortcut-entry-key">action</div>'+
+                    '<div class="keyboard-shortcut-entry-scope">scope</div>'+
+                '</div>'+
                 '<ol id="keyboard-shortcut-list"></ol>'+
                 '</div>')
             .appendTo("body");
diff --git a/editor/sass/keyboard.scss b/editor/sass/keyboard.scss
index 6e6ffeeda..a58e781c7 100644
--- a/editor/sass/keyboard.scss
+++ b/editor/sass/keyboard.scss
@@ -16,10 +16,18 @@
 
 #keyboard-help-dialog {
     font-size: 0.9em;
+    padding-top: 10px;
+
+}
+.keyboard-shortcut-entry.keyboard-shortcut-list-header {
+    padding:0 30px 0 5px;
+    div {
+        color: #666 !important;
+    }
 }
 #keyboard-shortcut-list {
     position: absolute;
-    top:10px;
+    top:30px;
     left:10px;
     right:10px;
     bottom:10px;