From 6ef0e325e25f7bdd0930335304c3e499a63759af Mon Sep 17 00:00:00 2001
From: Sosuke Suzuki <aosukeke@gmail.com>
Date: Mon, 18 Dec 2017 18:39:40 +0900
Subject: [PATCH] fix style

---
 browser/components/MarkdownSplitEditor.js   | 56 ++++++++++-----------
 browser/components/MarkdownSplitEditor.styl |  2 +-
 2 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/browser/components/MarkdownSplitEditor.js b/browser/components/MarkdownSplitEditor.js
index 8dcf0835..84f31af3 100644
--- a/browser/components/MarkdownSplitEditor.js
+++ b/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
-            ref='code'
-            mode='GitHub Flavored Markdown'
-            value={value}
-            theme={config.editor.theme}
-            keyMap={config.editor.keyMap}
-            fontFamily={config.editor.fontFamily}
-            indentType={config.editor.indentType}
-            scrollPastEnd={config.editor.scrollPastEnd}
-            storageKey={storageKey}
-            onChange={e => this.handleOnChange(e)}
-         />
-        </div>
-        <div styleName='preview'>
-          <MarkdownPreview
-            theme={config.ui.theme}
-            keyMap={config.editor.keyMap}
-            fontSize={config.preview.fontFamily}
-            codeBlockTheme={config.preview.codeBlockTheme}
-            codeBlockFontFamily={config.editor.fontFamily}
-            lineNumber={config.preview.lineNumber}
-            ref='preview'
-            tabInde='0'
-            value={value}
-            showCopyNotification={config.ui.showCopyNotification}
-            storagePath={storage.path}
-         />
-        </div>
+        <CodeEditor
+          styleName='codeEditor'
+          ref='code'
+          mode='GitHub Flavored Markdown'
+          value={value}
+          theme={config.editor.theme}
+          keyMap={config.editor.keyMap}
+          fontFamily={config.editor.fontFamily}
+          indentType={config.editor.indentType}
+          scrollPastEnd={config.editor.scrollPastEnd}
+          storageKey={storageKey}
+          onChange={e => this.handleOnChange(e)}
+       />
+        <MarkdownPreview
+          styleName='preview'
+          theme={config.ui.theme}
+          keyMap={config.editor.keyMap}
+          fontSize={config.preview.fontFamily}
+          codeBlockTheme={config.preview.codeBlockTheme}
+          codeBlockFontFamily={config.editor.fontFamily}
+          lineNumber={config.preview.lineNumber}
+          ref='preview'
+          tabInde='0'
+          value={value}
+          showCopyNotification={config.ui.showCopyNotification}
+          storagePath={storage.path}
+       />
       </div>
     )
   }
diff --git a/browser/components/MarkdownSplitEditor.styl b/browser/components/MarkdownSplitEditor.styl
index c439bed9..c9afd22f 100644
--- a/browser/components/MarkdownSplitEditor.styl
+++ b/browser/components/MarkdownSplitEditor.styl
@@ -3,7 +3,7 @@
   height 100%
   font-size 30px
   display flex
-  .editor
+  .codeEditor
     width 50%
   .preview
     width 50%