From dfeb4342edce7c94a7bb3dcc339726eddd723f62 Mon Sep 17 00:00:00 2001
From: Stefan van der Walt <stefan@sun.ac.za>
Date: Sat, 20 Aug 2011 14:56:10 -0700
Subject: [PATCH] Align colons in help dialog.

---
 IPython/frontend/html/notebook/static/css/notebook.css | 8 ++++++++
 IPython/frontend/html/notebook/static/js/notebook.js   | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/IPython/frontend/html/notebook/static/css/notebook.css b/IPython/frontend/html/notebook/static/css/notebook.css
index d7f964b44..928ad6b21 100644
--- a/IPython/frontend/html/notebook/static/css/notebook.css
+++ b/IPython/frontend/html/notebook/static/css/notebook.css
@@ -311,3 +311,11 @@ div.text_cell_render {
     .ui-widget-content { border: 0px; }
 }
 
+.shortcut_key {
+    display: inline-block;
+    width: 10ex;
+    text-align: right;
+}
+
+.shortcut_descr {
+}
\ No newline at end of file
diff --git a/IPython/frontend/html/notebook/static/js/notebook.js b/IPython/frontend/html/notebook/static/js/notebook.js
index c89b4801b..7f437c27f 100644
--- a/IPython/frontend/html/notebook/static/js/notebook.js
+++ b/IPython/frontend/html/notebook/static/js/notebook.js
@@ -201,8 +201,8 @@ var IPython = (function (IPython) {
         ];
         for (var i=0; i<shortcuts.length; i++) {
             dialog.append($('<div>').
-                append($('<span/>').addClass('shortcut_key').html(shortcuts[i].key+' : ')).
-                append($('<span/>').html(shortcuts[i].help))
+                append($('<span/>').addClass('shortcut_key').html(shortcuts[i].key)).
+                append($('<span/>').addClass('shortcut_descr').html(' : ' + shortcuts[i].help))
             );
         };
         dialog.dialog({title: 'Keyboard shortcuts'});