Temporary fixes to code mirror editor

src/Components/MarkdownEditor/MarkdownEditor.js

@@ -93,7 +93,7 @@ class MarkdownAtlas extends React.Component {
       mode: 'gfm',
       matchBrackets: true,
       lineWrapping: true,
-      // viewportMargin: Infinity,
+      viewportMargin: Infinity,
       theme: 'atlas',
       extraKeys: {
         Enter: 'newlineAndIndentContinueMarkdownList',
@@ -104,7 +104,6 @@ class MarkdownAtlas extends React.Component {
     // http://codepen.io/lubelski/pen/fnGae
     // TODO:
     // - Emojify
-    // -
     return (
       <Dropzone
         onDropAccepted={this.onDropAccepted}
@@ -118,6 +117,7 @@ class MarkdownAtlas extends React.Component {
           onChange={this.onChange}
           options={options}
           ref="editor"
+          className={styles.codeMirrorContainer}
         />
       </Dropzone>
     );

src/Components/MarkdownEditor/MarkdownEditor.scss

@@ -11,9 +11,14 @@
   max-width: 50em;
 }
 
+.codeMirrorContainer {
+  display: flex;
+  flex: 1;
+}
+
 @media all and (max-width: 2000px) and (min-width: 960px) {
   .container {
-    margin-top: 48px;
+    // margin-top: 48px;
     font-size: 1.1em;
   }
 }