Fixes some visual layout bugs

src/editor/js/components/editor.css

+div#ks-editor #force-graph-renderer {
+    width: auto;
+    overflow-x: hidden;
+}
+
 div#ks-editor #sidepanel {
-    resize: horizontal;
+    /* resize: horizontal; */
     overflow: auto;
     min-width: 250px;
     max-width: 40%;
     height: inherit;
     margin: 0.3rem;
+    margin-right: 0.3rem;
+    margin-left: auto;
     padding: 0.25rem;
+    float: right;
 
     background-color: white;
     border: 1px lightgrey solid;

src/editor/js/components/editor.tsx

@@ -394,30 +394,33 @@ export class Editor extends React.PureComponent<propTypes, stateTypes> {
                 <h1>Interface</h1>
                 <SpaceSelect onLoadSpace={this.loadSpace} />
                 <div id="content">
-                    {this.state.graph ? (
-                        <ReactForceGraph2d
-                            ref={this.renderer}
-                            graphData={this.state.graph.data}
-                            onNodeClick={this.handleNodeClick}
-                            autoPauseRedraw={false}
-                            cooldownTicks={0}
-                            warmupTicks={this.warmupTicks}
-                            onEngineStop={this.handleEngineStop}
-                            nodeCanvasObject={this.handleNodeCanvasObject}
-                            nodeCanvasObjectMode={() => "after"}
-                            linkCanvasObject={this.handleLinkCanvasObject}
-                            linkCanvasObjectMode={() => "replace"}
-                            onNodeDrag={this.handleNodeDrag}
-                            onNodeDragEnd={this.handleNodeDragEnd}
-                            onLinkClick={this.handleLinkClick}
-                            onBackgroundClick={(event) =>
-                                this.handleBackgroundClick(
-                                    event,
-                                    this.extractPositions(event)
-                                )
-                            }
-                        />
-                    ) : undefined}
+                    <div id="force-graph-renderer">
+                        {this.state.graph ? (
+                            <ReactForceGraph2d
+                                ref={this.renderer}
+                                width={2000}
+                                graphData={this.state.graph.data}
+                                onNodeClick={this.handleNodeClick}
+                                autoPauseRedraw={false}
+                                cooldownTicks={0}
+                                warmupTicks={this.warmupTicks}
+                                onEngineStop={this.handleEngineStop}
+                                nodeCanvasObject={this.handleNodeCanvasObject}
+                                nodeCanvasObjectMode={() => "after"}
+                                linkCanvasObject={this.handleLinkCanvasObject}
+                                linkCanvasObjectMode={() => "replace"}
+                                onNodeDrag={this.handleNodeDrag}
+                                onNodeDragEnd={this.handleNodeDragEnd}
+                                onLinkClick={this.handleLinkClick}
+                                onBackgroundClick={(event) =>
+                                    this.handleBackgroundClick(
+                                        event,
+                                        this.extractPositions(event)
+                                    )
+                                }
+                            />
+                        ) : undefined}
+                    </div>
                     <div id="sidepanel">
                         <HistoryNavigator
                             spaceId="space"

src/editor/js/components/nodetypeentry.css

 div#ks-editor .node-type-name {
-    width: 45%;
+    width: auto;
 }
 
 div#ks-editor .node-type-color {