tweak collapsed navbar style

- notification and indicators appear above menu on small screen
- collapsed menu button floats left

IPython/html/static/notebook/less/menubar.less

@@ -9,6 +9,12 b''
     border-radius: 0px 0px @border-radius-base @border-radius-base;
   }
 
+  .navbar-toggle {
+    float: left;
+  }
+  .navbar-collapse {
+    clear: left;
+  }
 
   li.dropdown {
     line-height: 12px;
@@ -21,6 +27,7 b''
 
   ul.navbar-right {
     padding-top: 2px;
+    margin-bottom: 0px;
   }
 }
 

IPython/html/static/style/style.min.css

@@ -9737,6 +9737,12 b' fieldset[disabled] #kernel_selector_widget > button.active {'
   border-top: 1px;
   border-radius: 0px 0px 4px 4px;
 }
+#menubar .navbar-toggle {
+  float: left;
+}
+#menubar .navbar-collapse {
+  clear: left;
+}
 #menubar li.dropdown {
   line-height: 12px;
 }
@@ -9746,6 +9752,7 b' fieldset[disabled] #kernel_selector_widget > button.active {'
 }
 #menubar ul.navbar-right {
   padding-top: 2px;
+  margin-bottom: 0px;
 }
 .nav-wrapper {
   border-bottom: 1px solid #e7e7e7;

IPython/html/templates/notebook.html

@@ -63,6 +63,15 b' class="notebook_app"'
             <i class="fa fa-bars"></i>
             <span class="navbar-text">Menu</span>
           </button>
+            <ul class="nav navbar-nav navbar-right">
+              <li id="kernel_indicator">
+                <i id="kernel_indicator_icon"></i>
+              </li>
+              <li id="modal_indicator">
+                <i id="modal_indicator_icon"></i>
+              </li>
+              <li id="notification_area"></li>
+            </ul>
           <div class="navbar-collapse collapse">
               <ul class="nav navbar-nav">
                 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">File</a>
@@ -276,15 +285,6 b' class="notebook_app"'
                 </li>
               </ul>
             </div>
-            <ul class="nav navbar-nav navbar-right">
-                <li id="kernel_indicator">
-                   <i id="kernel_indicator_icon"></i>
-                </li>
-                <li id="modal_indicator">
-                   <i id="modal_indicator_icon"></i>
-                </li>
-                <li id="notification_area"></li>
-            </ul>
         </div>
     </div>
 </div>