message: Added resizer
diff: @@ -3,6 +3,7 @@ import { observable } from "mobx";
  import { observer } from "mobx-react";
  import { DragDropContext } from "react-dnd";
  import HTML5Backend from "react-dnd-html5-backend";
  +import SplitPane from "react-split-pane";
  import parser from "ua-parser-js";
  import browser from "webextension-polyfill";
  import ProjectStore from "../../stores/domain/ProjectStore";
  @@ -18,6 +19,7 @@ import "../../styles/app.css";
  import "../../styles/font.css";
  import "../../styles/heights.css";
  import "../../styles/layout.css";
  +import "../../styles/resizer.css";
  import { loadProject, saveProject } from "../../IO/filesystem";
  import "../../IO/SideeX/record";
  @@ -66,6 +68,8 @@ modify(project);
  render() {
  return (
  <div className="container">
  + <SplitPane split="horizontal" minSize={460} maxSize={window.innerHeight - 200} defaultSize={window.innerHeight - 200}>
  + <div className="wrapper">
  <ProjectHeader
  title={this.state.project.name}
  changed={this.state.project.modified}
  @@ -90,7 +94,9 @@ modify(project);
  test={UiState.selectedTest.test}
  />
  </div>
  + </div>
  <Console />
  + </SplitPane>
  <Modal project={this.state.project} />
  </div>
  );
  