Fixes #137 - vertical alignment

frontend/components/Editor/Editor.js

@@ -154,10 +154,11 @@ type Props = {
         onDrop={this.handleDrop}
         onDragOver={this.cancelEvent}
         onDragEnter={this.cancelEvent}
+        align="flex-start"
+        justify="center"
         auto
-        column
-        align="center"
       >
+        <MaxWidth column auto>
           <HeaderContainer
             onClick={this.focusAtStart}
             readOnly={this.props.readOnly}
@@ -180,6 +181,7 @@ type Props = {
           />
           {!this.props.readOnly &&
             <ClickablePadding onClick={this.focusAtEnd} grow />}
+        </MaxWidth>
       </Flex>
     );
   };
@@ -189,6 +191,11 @@ MarkdownEditor.childContextTypes = {
   starred: PropTypes.bool,
 };
 
+const MaxWidth = styled(Flex)`
+  max-width: 50em;
+  height: 100%;
+`;
+
 const HeaderContainer = styled(Flex).attrs({
   align: 'flex-end',
 })`

frontend/components/Editor/Editor.scss

@@ -2,8 +2,7 @@
   font-weight: 400;
   font-size: 1em;
   line-height: 1.5em;
-  padding: 0 3em;
-  width: 50em;
+  width: 100%;
   color: #1b2631;
 
   h1,