From 9cba7dc53dc83a8806c139d6e3bc6722732fd06c Mon Sep 17 00:00:00 2001
From: Matthias Bussonnier <bussonniermatthias@gmail.com>
Date: Mon, 26 Oct 2015 11:20:21 -0700
Subject: [PATCH] quickhelp usability: 2 boxes

As described By Jess and Brian in #533
---
 notebook/static/notebook/js/quickhelp.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/notebook/static/notebook/js/quickhelp.js b/notebook/static/notebook/js/quickhelp.js
index 98d9cfb1dc..6a75284f4e 100644
--- a/notebook/static/notebook/js/quickhelp.js
+++ b/notebook/static/notebook/js/quickhelp.js
@@ -191,11 +191,13 @@ define([
             'border. <b>Command mode</b> binds the keyboard to notebook level actions '+
             'and is indicated by a grey cell border.'
         );
+        element.append(doc);
         if (platform === 'MacOS') {
+            doc = $('<div/>').addClass('alert alert-info');
             var key_div = this.build_key_names();
             doc.append(key_div);
+            element.append(doc);
         }
-        element.append(doc);
 
         // Command mode
         var cmd_div = this.build_command_help();