Adjust sizing and responsiveness of the plot and grid:

+ Plot responsive to window size.
+ list of metrics almost the same size as the plot window
+ Allow the graph to take up full width.

src/trendlines/static/core.js

@@ -111,7 +111,7 @@ function makePlot(data) {
   };
 
   trace = [ trace1 ];
-  Plotly.plot(TESTER, trace, layout);
+  Plotly.plot(TESTER, trace, layout, {responsive: true});
 
   $(document).ready(
     function() {

src/trendlines/templates/trendlines/index.html

@@ -17,7 +17,7 @@ <h4>v{{ version }}</h4>
   </div>
 
   <div class="row">
-    <div id="tree" class="col-sm-3 order-1 border border-primary" style="height: 150px; overflow-y: scroll;">
+    <div id="tree" class="col-sm-3 order-1 border border-primary" style="height: 500px; overflow-y: scroll;">
       <!-- This div holds the left side: primarily the JS tree -->
       <div id="jstree-div">
       </div>
@@ -44,7 +44,7 @@ <h4>v{{ version }}</h4>
         </label>
       </div>
 
-      <div id="graph" style="width:90%; height:500px;"></div>
+      <div id="graph" style="height: 500px;"></div>
 
     </div>
   </div>