Adjusted history and space select styling

src/editor/js/components/editor.tsx

@@ -169,10 +169,14 @@ export class Editor extends React.PureComponent<propTypes, stateTypes> {
         return (
             <div id="ks-editor">
                 <h1>Interface</h1>
+                <SpaceSelect onLoadSpace={this.loadSpace} />
                 <div id="content">
                     <div id="sidepanel">
-                        <HistoryNavigator spaceId="space" historyObject={this.state.graph}/>
-                        <SpaceSelect onLoadSpace={this.loadSpace} />
+                        <HistoryNavigator
+                            spaceId="space"
+                            historyObject={this.state.graph}
+                        />
+
                         <hr />
                         <ToolPool state={this.state.state} />
                         <hr />

src/editor/js/components/historynavigator.css

+div#ks-editor #history-navigator {
+    display: flex;
+}
+
+div#ks-editor #history-navigator > select {
+    flex-grow: 1;
+    max-width: 48%;
+}
+
+div#ks-editor #history-navigator > button {
+    flex-grow: 0;
+}

src/editor/js/components/historynavigator.tsx

 import React, { ChangeEvent } from "react";
 import { saveGraphJson } from "../../../datasets";
 import ManagedData from "../structures/manageddata";
+import "./historynavigator.css";
 
 type propTypes = {
     historyObject: ManagedData;

src/editor/js/components/spaceselect.css

-div#ks-editor #spaceselect {
-    display: flex;
-}
-
 div#ks-editor #spaceselect > select {
-    flex-grow: 1;
+    border: none;
+    background-color: transparent;
 }
-
-div#ks-editor #spaceselect > button {
-    flex-grow: 0;
-}
\ No newline at end of file

src/editor/js/components/spaceselect.tsx

@@ -56,7 +56,6 @@ export class SpaceSelect extends React.Component<propTypes, stateTypes> {
                         </option>
                     ))}
                 </select>
-                <button>Save</button>
             </div>
         );
     }