From 2e3f6e39f61c46da7c245e8f34811b4410df9215 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20Vi=E1=BB=87t=20H=C6=B0ng?=
 <hunggarena12@gmail.com>
Date: Sat, 2 Jun 2018 11:30:12 +0700
Subject: [PATCH] fixed width of custom markdown editor

---
 browser/main/modals/PreferencesModal/UiTab.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/browser/main/modals/PreferencesModal/UiTab.js b/browser/main/modals/PreferencesModal/UiTab.js
index 173b8465..3a4c7142 100644
--- a/browser/main/modals/PreferencesModal/UiTab.js
+++ b/browser/main/modals/PreferencesModal/UiTab.js
@@ -29,7 +29,7 @@ class UiTab extends React.Component {
   componentDidMount () {
     CodeMirror.autoLoadMode(this.codeMirrorInstance.getCodeMirror(), 'javascript')
     CodeMirror.autoLoadMode(this.customCSSCM.getCodeMirror(), 'css')
-    this.customCSSCM.getCodeMirror().setSize(null, '300px')
+    this.customCSSCM.getCodeMirror().setSize(null, '250px')
     this.handleSettingDone = () => {
       this.setState({UiAlert: {
         type: 'success',
@@ -589,7 +589,9 @@ class UiTab extends React.Component {
               {i18n.__('Custom CSS')}
             </div>
             <div styleName='group-section-control'>
-              <ReactCodeMirror onChange={e => this.handleUIChange(e)} ref={e => (this.customCSSCM = e)} value={config.preview.customCSS} options={{ lineNumbers: true, mode: 'css', theme: codemirrorTheme }} />
+              <div styleName='code-mirror'>
+                <ReactCodeMirror onChange={e => this.handleUIChange(e)} ref={e => (this.customCSSCM = e)} value={config.preview.customCSS} options={{ lineNumbers: true, mode: 'css', theme: codemirrorTheme }} />
+              </div>
             </div>
           </div>