standardize buttons, move diffexp to lower right

This commit is contained in:
Colin Megill
2018-08-19 19:19:22 -04:00
parent 6665f55075
commit d492e129d0
5 changed files with 75 additions and 89 deletions
+17 -9
View File
@@ -36,6 +36,8 @@ class Graph extends React.Component {
this.count = 0;
this.inverse = mat4.identity([]);
this.graphPaddingTop = 100;
this.graphPaddingBottom = 45;
this.graphPaddingRight = 10;
this.renderCache = {
positions: null,
colors: null
@@ -315,9 +317,10 @@ class Graph extends React.Component {
}}
style={{
fontSize: 14,
fontWeight: 700,
fontWeight: 400,
color: "white",
padding: "10px 20px",
padding: "0px 10px",
height: 30,
marginRight: 10,
borderRadius: 2,
backgroundColor: globals.brightBlue,
@@ -333,9 +336,10 @@ class Graph extends React.Component {
}}
style={{
fontSize: 14,
fontWeight: 700,
fontWeight: 400,
color: "white",
padding: "10px 20px",
padding: "0px 10px",
height: 30,
marginRight: 10,
borderRadius: 2,
backgroundColor: globals.brightBlue,
@@ -346,7 +350,7 @@ class Graph extends React.Component {
regraph selection
</button>
<div>
<span style={{ position: "relative", top: 3 }}>
<span>
<button
onClick={() => {
this.setState({ mode: "brush" });
@@ -359,6 +363,7 @@ class Graph extends React.Component {
: "1px solid white",
backgroundColor: "white",
padding: 5,
marginRight: 10,
borderRadius: 3
}}
>
@@ -379,6 +384,7 @@ class Graph extends React.Component {
: "1px solid white",
backgroundColor: "white",
padding: 5,
marginRight: 10,
borderRadius: 3
}}
>
@@ -391,9 +397,11 @@ class Graph extends React.Component {
<button
style={{
fontSize: 14,
fontWeight: 700,
fontWeight: 400,
color: "white",
padding: "10px 20px",
padding: "0px 10px",
height: 30,
borderRadius: 2,
backgroundColor: globals.lightGrey,
border: "none",
cursor: "pointer"
@@ -410,8 +418,8 @@ class Graph extends React.Component {
marginTop: 50,
zIndex: -9999,
position: "fixed",
right: 20,
bottom: 20
right: this.graphPaddingRight,
bottom: this.graphPaddingBottom
}}
>
<div