From 136a345e21062843a0b6bce217dd37dbd59c5e28 Mon Sep 17 00:00:00 2001
From: Colin Megill <colinmegill@gmail.com>
Date: Thu, 10 May 2018 01:21:35 -0700
Subject: [PATCH] smaller graph, mouse events on fixed

---
 src/components/graph/graph.js | 6 ++----
 src/globals.js                | 4 ++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/graph/graph.js b/src/components/graph/graph.js
index 4de0f5e5..d1972c28 100644
--- a/src/components/graph/graph.js
+++ b/src/components/graph/graph.js
@@ -203,9 +203,7 @@ class Graph extends React.Component {
     return (
       <div
         id="graphWrapper"
-        style={{
-          height: 1050 /* move this to globals */
-        }}
+
       >
         <div style={{ position: "fixed", right: 0, top: 0 }}>
           <div
@@ -292,7 +290,7 @@ class Graph extends React.Component {
           </div>
         </div>
         <div
-          style={{ position: "fixed", right: 80, bottom: 50, zIndex: -9999 }}
+          style={{marginRight: 50, marginTop: 50, zIndex: -9999 }}
         >
           <div
             style={{
diff --git a/src/globals.js b/src/globals.js
index bd6986ba..a52c28ec 100644
--- a/src/globals.js
+++ b/src/globals.js
@@ -69,8 +69,8 @@ export const maxControlsWidth = 800;
 export const graphMargin = { top: 20, right: 10, bottom: 30, left: 40 };
 // export const graphWidth = 1440 /* window width */ - 410 /* sidebar */ - (15 + 15) /* left right padding */ /* but responsive */;
 // export const graphHeight = 500;
-export const graphWidth = 960;
-export const graphHeight = 960;
+export const graphWidth = 700;
+export const graphHeight = 700;
 
 import { scaleLinear } from "./util/scaleLinear";
 // d3.scaleLinear().domain([0,1]).range([0 + graphMargin.left, graphWidth - graphMargin.right])