fix style

browser/components/MarkdownSplitEditor.js

@@ -35,35 +35,33 @@ class MarkdownSplitEditor extends React.Component {
     const storage = findStorage(storageKey)
     return (
       <div styleName='root'>
-        <div styleName='editor'>
+        <CodeEditor
-          <CodeEditor
+          styleName='codeEditor'
-            ref='code'
+          ref='code'
-            mode='GitHub Flavored Markdown'
+          mode='GitHub Flavored Markdown'
-            value={value}
+          value={value}
-            theme={config.editor.theme}
+          theme={config.editor.theme}
-            keyMap={config.editor.keyMap}
+          keyMap={config.editor.keyMap}
-            fontFamily={config.editor.fontFamily}
+          fontFamily={config.editor.fontFamily}
-            indentType={config.editor.indentType}
+          indentType={config.editor.indentType}
-            scrollPastEnd={config.editor.scrollPastEnd}
+          scrollPastEnd={config.editor.scrollPastEnd}
-            storageKey={storageKey}
+          storageKey={storageKey}
-            onChange={e => this.handleOnChange(e)}
+          onChange={e => this.handleOnChange(e)}
-         />
+       />
-        </div>
+        <MarkdownPreview
-        <div styleName='preview'>
+          styleName='preview'
-          <MarkdownPreview
+          theme={config.ui.theme}
-            theme={config.ui.theme}
+          keyMap={config.editor.keyMap}
-            keyMap={config.editor.keyMap}
+          fontSize={config.preview.fontFamily}
-            fontSize={config.preview.fontFamily}
+          codeBlockTheme={config.preview.codeBlockTheme}
-            codeBlockTheme={config.preview.codeBlockTheme}
+          codeBlockFontFamily={config.editor.fontFamily}
-            codeBlockFontFamily={config.editor.fontFamily}
+          lineNumber={config.preview.lineNumber}
-            lineNumber={config.preview.lineNumber}
+          ref='preview'
-            ref='preview'
+          tabInde='0'
-            tabInde='0'
+          value={value}
-            value={value}
+          showCopyNotification={config.ui.showCopyNotification}
-            showCopyNotification={config.ui.showCopyNotification}
+          storagePath={storage.path}
-            storagePath={storage.path}
+       />
-         />
-        </div>
       </div>
     )
   }

browser/components/MarkdownSplitEditor.styl

@@ -3,7 +3,7 @@
   height 100%
   font-size 30px
   display flex
-  .editor
+  .codeEditor
     width 50%
   .preview
     width 50%