reversed dashboard-padding

packages/grafana-ui/src/themes/_variables.scss.tmpl.ts

@@ -196,7 +196,7 @@ $btn-semi-transparent: rgba(0, 0, 0, 0.2) !default;
 $side-menu-width: 60px;
 
 // dashboard
-$dashboard-padding: $space-md $space-md 0 $space-md;
+$dashboard-padding: $space-md;
 $panel-padding: 0 $space-md $space-sm $space-md;
 
 // tabs

public/sass/components/_panel_editor.scss

@@ -9,14 +9,14 @@
 
   &--edit {
     height: 40%;
-    margin: 0 $space-md;
+    margin: 0 $dashboard-padding;
   }
 
   &--view {
     flex: 1 1 0;
     height: 90%;
-    margin: 0 $space-md;
-    padding-top: $space-md;
+    margin: 0 $dashboard-padding;
+    padding-top: $dashboard-padding;
   }
 }
 
@@ -80,7 +80,7 @@
   }
 
   .submenu-controls {
-    padding: 0 $space-md $space-sm $space-md;
+    padding: 0 $dashboard-padding $space-sm $dashboard-padding;
   }
 
   .search-container {

public/sass/pages/_dashboard.scss

@@ -1,5 +1,5 @@
 .dashboard-container {
-  padding: $dashboard-padding;
+  padding: $dashboard-padding $dashboard-padding 0 $dashboard-padding;
   width: 100%;
   height: 100%;
   box-sizing: border-box;

public/sass/pages/_explore.scss

@@ -31,7 +31,7 @@
   flex-flow: row wrap;
   justify-content: flex-start;
   height: auto;
-  padding: 0 $space-md;
+  padding: 0 $dashboard-padding;
   border-bottom: 1px solid #0000;
   transition-duration: 0.35s;
   transition-timing-function: ease-in-out;
@@ -91,7 +91,7 @@
 }
 
 .explore-toolbar-content-item:first-child {
-  padding-left: $space-md;
+  padding-left: $dashboard-spacer;
   margin-right: auto;
 }
 
@@ -142,7 +142,7 @@
 @media only screen and (max-width: 544px) {
   .explore-toolbar-header-title {
     .navbar-page-btn {
-      margin-left: $space-md;
+      margin-left: $dashboard-padding;
     }
   }
 }