Re-design of the file browser buttons.

src/filebrowser/browser.ts

@@ -114,8 +114,8 @@ class FileBrowserWidget extends Widget {
 
     let layout = new PanelLayout();
     layout.addChild(this._crumbs);
-    layout.addChild(this._buttons);
     layout.addChild(this._listing);
+    layout.addChild(this._buttons);
 
     this.layout = layout;
   }

src/filebrowser/buttons.ts

@@ -195,7 +195,7 @@ class FileButtons extends Widget {
     });
 
     // Popup the menu aligned with the bottom of the create button.
-    dropdown.popup(rect.left, rect.bottom, false, true);
+    dropdown.popup(rect.left, rect.top, false, false);
   };
 
 

src/filebrowser/theme.css

@@ -12,7 +12,6 @@
 
 .jp-BreadCrumbs {
   margin: 8px;
-  margin-bottom: 0px;
 }
 
 
@@ -33,7 +32,7 @@
 
 
 .jp-FileButtons {
-  margin: 8px;
+  border-top: 1px solid #E0E0E0;
 }
 
 
@@ -42,8 +41,8 @@
   max-width: 100px;
   padding: 4px 6px;
   color: #757575;
-  background: #FFFFFF;
-  border: 1px solid #E0E0E0;
+  background: #FAFAFA;
+  border: none;
   font-size: 16px;
   outline: 0;
 }