From ee522ab5a933674500397a279035dcb1c3d464b8 Mon Sep 17 00:00:00 2001 From: Matt Thomas Date: Fri, 1 May 2020 17:24:33 -0400 Subject: [PATCH] fix: Center Grid within Modal window; bump max width back up --- front-end/src/components/CustomNode/GraphView.js | 2 +- front-end/src/styles/GraphView.css | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/front-end/src/components/CustomNode/GraphView.js b/front-end/src/components/CustomNode/GraphView.js index dc65294..f299792 100644 --- a/front-end/src/components/CustomNode/GraphView.js +++ b/front-end/src/components/CustomNode/GraphView.js @@ -132,7 +132,7 @@ export default class GraphView extends React.Component { height={displayHeight < 600 ? displayHeight + 5 : 600} rowCount={this.state.rows.length} rowHeight={index => 20} - width={displayWidth < 800 ? displayWidth : 800} + width={displayWidth < 900 ? displayWidth : 900} > {this.Cell} diff --git a/front-end/src/styles/GraphView.css b/front-end/src/styles/GraphView.css index 13fba60..4648200 100644 --- a/front-end/src/styles/GraphView.css +++ b/front-end/src/styles/GraphView.css @@ -1,6 +1,7 @@ .Grid { border: 1px solid #d9dddd; width: auto; + margin: auto; } .GridItemEven, .GridItemOdd { @@ -16,5 +17,5 @@ } .GraphView { - max-width: 825px; + max-width: 925px; } \ No newline at end of file