brought back dashboard-padding and panel-padding variables, made dashboard-padding more specific

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

@@ -195,6 +195,10 @@ $btn-semi-transparent: rgba(0, 0, 0, 0.2) !default;
 // sidemenu
 // sidemenu
 $side-menu-width: 60px;
 $side-menu-width: 60px;
 
 
+// dashboard
+$dashboard-padding: $space-md $space-md 0 $space-md;
+$panel-padding: 0 $space-md $space-sm $space-md;
+
 // tabs
 // tabs
 $tabs-padding: 10px 15px 9px;
 $tabs-padding: 10px 15px 9px;
 
 

public/sass/_variables.generated.scss

@@ -198,6 +198,10 @@ $btn-semi-transparent: rgba(0, 0, 0, 0.2) !default;
 // sidemenu
 // sidemenu
 $side-menu-width: 60px;
 $side-menu-width: 60px;
 
 
+// dashboard
+$dashboard-padding: $space-md $space-md 0 $space-md;
+$panel-padding: 0 $space-md $space-sm $space-md;
+
 // tabs
 // tabs
 $tabs-padding: 10px 15px 9px;
 $tabs-padding: 10px 15px 9px;
 
 

public/sass/pages/_dashboard.scss

 .dashboard-container {
 .dashboard-container {
-  padding: $space-md $space-md 0 $space-md;
+  padding: $dashboard-padding;
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   box-sizing: border-box;
   box-sizing: border-box;
@@ -78,7 +78,7 @@ div.flot-text {
 }
 }
 
 
 .panel-content {
 .panel-content {
-  padding: 0 $space-md $space-sm $space-md;
+  padding: $panel-padding;
   height: calc(100% - 27px);
   height: calc(100% - 27px);
   position: relative;
   position: relative;
 
 

public/sass/pages/_explore.scss

@@ -156,7 +156,7 @@
 }
 }
 
 
 .explore-container {
 .explore-container {
-  padding: $space-md;
+  padding: $dashboard-padding;
 }
 }
 
 
 .explore-wrapper {
 .explore-wrapper {
@@ -172,7 +172,7 @@
 }
 }
 
 
 .explore-panel__body {
 .explore-panel__body {
-  padding: 0 $space-md $space-sm $space-md;
+  padding: $panel-padding;
 }
 }
 
 
 .explore-panel__header {
 .explore-panel__header {