panels: add css tweaks for scrollable panels

public/app/features/panel/panel_directive.ts

@@ -22,7 +22,9 @@ var panelTemplate = `
 
 
     <div class="panel-content">
     <div class="panel-content">
       <div gemini-scrollbar ng-if="ctrl.scrollable">
       <div gemini-scrollbar ng-if="ctrl.scrollable">
-        <ng-transclude></ng-transclude>
+        <div class="panel-content--scrollable">
+          <ng-transclude></ng-transclude>
+        </div>
       </div>
       </div>
       <ng-transclude ng-if="!ctrl.scrollable"></ng-transclude>
       <ng-transclude ng-if="!ctrl.scrollable"></ng-transclude>
     </div>
     </div>

public/sass/components/_panel_dashlist.scss

@@ -7,12 +7,6 @@
   margin-bottom: $spacer;
   margin-bottom: $spacer;
 }
 }
 
 
-.dashlist {
-  // Add space for scrollbar
-  margin-right: 6px;
-  margin-left: 4px;
-}
-
 .dashlist-link {
 .dashlist-link {
   display: block;
   display: block;
   margin: 5px;
   margin: 5px;
@@ -31,5 +25,3 @@
     background-color: $tight-form-func-bg;
     background-color: $tight-form-func-bg;
   }
   }
 }
 }
-
-

public/sass/pages/_dashboard.scss

@@ -39,6 +39,12 @@ div.flot-text {
 .panel-content {
 .panel-content {
   padding: 0px 10px 5px 10px;
   padding: 0px 10px 5px 10px;
   height: 100%;
   height: 100%;
+
+  &--scrollable {
+    // Add space for scrollbar
+    padding-right: 10px;
+    padding-left: 6px;
+  }
 }
 }
 
 
 .panel-title-container {
 .panel-title-container {