[Dome/toolbars] smaller controls, fix status bar

Ivette/src/dome/src/renderer/layout/toolbars.css

@@ -5,6 +5,7 @@
 .dome-xToolBar {
     flex: 0 0 auto ;
     width: 100% ;
+    min-height: 24px ;
     display: flex ;
     flex-direction: row ;
     flex-wrap: wrap ;
@@ -13,6 +14,11 @@
     border-bottom-style: solid ;
 }
 
+.dome-xToolBar:last-child {
+    border-top-style: solid ;
+    border-bottom-style: none ;
+}
+
 /* -------------------------------------------------------------------------- */
 /* --- Styling ToolBar Spaces                                             --- */
 /* -------------------------------------------------------------------------- */
@@ -61,9 +67,9 @@
 
 .dome-xToolBar-Control {
     flex: 0 0 auto ;
-    height: 26px ;
+    height: 21px ;
     margin: 6px 5px 6px 5px ;
-    padding: 2px 8px 2px 8px ;
+    padding: 0px 4px 2px 4px ;
     box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
     border: 1px solid transparent;
     border-radius: 4px;
@@ -71,6 +77,7 @@
 }
 
 .dome-xToolBar-Control svg {
+    height: 12px ;
     position: relative ;
 }