Viewport fills entire screen (#430)

* full pane webgl and svg

* fixes for full pane selection and centering

* force graph remount, clear brush state

client/src/components/graph/setupSVGandBrush.js

@@ -12,22 +12,18 @@ export default (
   handleBrushSelectAction,
   handleBrushDeselectAction,
   responsive,
-  graphPaddingTop
+  graphPaddingRight
 ) => {
-  const side = responsive.height - graphPaddingTop;
   const svg = d3
     .select("#graphAttachPoint")
     .append("svg")
-    .attr("width", side)
-    .attr("height", side)
+    .attr("width", responsive.width - graphPaddingRight)
+    .attr("height", responsive.height)
     .attr("class", `${styles.graphSVG}`);
 
   const brush = d3
     .brush()
-    .extent([
-      [0, 0],
-      [responsive.height - graphPaddingTop, responsive.height - graphPaddingTop]
-    ])
+    .extent([[0, 0], [responsive.width - graphPaddingRight, responsive.height]])
     .on("brush", handleBrushSelectAction)
     .on("end", handleBrushDeselectAction);