Add scrolling to dashboard plot-area div for oversized plots

Author: mdtusz

devtools/test_dashboard/devtools.js

@@ -153,7 +153,8 @@ searchBar.addEventListener('keyup', function(e) {
 
         mocksList.appendChild(result);
 
-        var listWidth = mocksList.getBoundingClientRect.width;
-        plotArea.setAttribute('width', window.innerWidth - listWidth);
+        var listWidth = mocksList.getBoundingClientRect().width;
+        var plotAreaWidth = Math.floor(window.innerWidth - listWidth);
+        plotArea.setAttribute('style', 'width: ' + plotAreaWidth + 'px;');
     });
 });

devtools/test_dashboard/style.css

@@ -57,9 +57,8 @@ header span{
   background-color: #4983EC;
 }
 #plots{
-  width: 100%;
+  overflow: scroll;
 }
 .dashboard-plot{
   margin-bottom: 30px;
-  max-width: 940px;
 }