Graphs now fit together nicely

uniform margins, lines up with page gutters
2016-11-17 12:55:14 -08:00 · 2016-11-17 12:55:14 -08:00 · ca86930ae3
parent bdf91df503
commit ca86930ae3
1 changed files with 2 additions and 1 deletions
--- a/ui/src/shared/components/LayoutRenderer.js
+++ b/ui/src/shared/components/LayoutRenderer.js
@ -99,8 +99,9 @@ export const LayoutRenderer = React.createClass({
  },

  render() {
+    const layoutMargin = 4;
    return (
-      <GridLayout layout={this.state.layout} isDraggable={false} isResizable={false} cols={12} rowHeight={90} width={1200}>
+      <GridLayout layout={this.state.layout} isDraggable={false} isResizable={false} cols={12} rowHeight={83.5} margin={[layoutMargin, layoutMargin]} containerPadding={[0, 0]}>
        {this.generateGraphs()}
      </GridLayout>
    );