ux(): padding / margin tweaks and polish

public/sass/_variables.scss

@@ -217,5 +217,6 @@ $btn-border-radius:              3px;
 $side-menu-width:  14rem;
 
 // dashboard
-$dashboard-padding: $spacer / 2;
+$panel-margin: 0.4rem;
+$dashboard-padding: ($panel-margin * 2) $panel-margin $panel-margin $panel-margin;
 

public/sass/base/_reboot.scss

@@ -131,7 +131,7 @@ ol,
 ul,
 dl {
   margin-top: 0;
-  margin-bottom: 1rem;
+  margin-bottom: 0rem;
 }
 
 ol ol,

public/sass/components/_dashboard.scss

@@ -69,7 +69,6 @@
   }
 }
 
-
 .row-control-inner {
   padding:0px;
   margin:0px;
@@ -111,7 +110,7 @@ div.flot-text {
 }
 
 .panel-margin {
-  margin: 5px;
+  margin: 0 0.4rem 0.4rem 0.4rem;
   display: block;
 }
 

public/sass/components/_submenu.scss

@@ -1,5 +1,5 @@
 .submenu-controls {
-  margin: 0 5px;
+  margin: 0 $panel-margin ($panel-margin*2) $panel-margin;
   font-size: 16px;
 }
 

public/sass/components/_tabbed_view.scss

@@ -1,7 +1,7 @@
 .tabbed-view {
   background-color: $page-bg;
   background-image: $page-gradient;
-  margin: -$dashboard-padding;
+  margin: -($panel-margin*2);
   margin-bottom: $spacer*2;
   padding: $spacer*3;