handle changing type more robustly

1 files changed, 5 insertions, 3 deletions

diff --git a/frontend/views/graph/graph.container.js b/frontend/views/graph/graph.container.js
index 4c7b7fc..5c6e3b5 100644
--- a/frontend/views/graph/graph.container.js
+++ b/frontend/views/graph/graph.container.js
@@ -43,7 +43,7 @@ class GraphContainer extends Component {
     })
   }
   render() {
-    if (!this.shouldShowGraph()) return null
+    if (!this.shouldShowGraph()) return <div />
     if (!this.props.graph.show.res || this.props.graph.show.loading) {
       return (
         <div>
@@ -61,8 +61,10 @@ class GraphContainer extends Component {
         <GraphHeader />
         <div className='body'>
           <GraphEditor />
-          {this.props.graph.editor.addingPage && <PageNew />}
-          {this.props.graph.editor.editingPage && <PageEdit />}
+          <div className='sidebar'>
+            {this.props.graph.editor.addingPage && <PageNew />}
+            {this.props.graph.editor.editingPage && <PageEdit />}
+          </div>
         </div>
       </div>
     )