small screen legend right also work like legend under in render + set scrollbar…

small screen legend right also work like legend under in render + set scrollbar to undefined in destroyScrollbar so it doesnt become disabled when toggeling between right and under

public/app/plugins/panel/graph/legend.ts

@@ -111,6 +111,7 @@ module.directive('graphLegend', function(popoverSrv, $timeout) {
       }
 
       function render() {
+        let legendWidth = elem.width();
         if (!ctrl.panel.legend.show) {
           elem.empty();
           firstRender = true;
@@ -163,7 +164,7 @@ module.directive('graphLegend', function(popoverSrv, $timeout) {
         }
 
         // render first time for getting proper legend height
-        if (!panel.legend.rightSide) {
+        if (!panel.legend.rightSide || (panel.legend.rightSide && legendWidth !== 10)) {
           renderLegendElement(tableHeaderElem);
           elem.empty();
         }
@@ -265,6 +266,7 @@ module.directive('graphLegend', function(popoverSrv, $timeout) {
       function destroyScrollbar() {
         if (legendScrollbar) {
           legendScrollbar.destroy();
+          legendScrollbar = undefined;
         }
       }
     },

public/sass/components/_panel_graph.scss

@@ -11,7 +11,6 @@
         flex: 0 1 10px;
         max-height: 100%;
       }
-    }
 
       .graph-legend-series {
         display: block;
@@ -26,6 +25,7 @@
         display: table-row;
       }
     }
+  }
 }
 
 .graph-panel__chart {