From 72fbefa300ac9d669d5135b503f7707fcbc61f94 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: Sun, 3 Jun 2018 08:51:53 +0700
Subject: [PATCH] moved custom markdown checkbox & fixed codemirror size

---
 browser/main/modals/PreferencesModal/UiTab.js | 20 +++++++------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/browser/main/modals/PreferencesModal/UiTab.js b/browser/main/modals/PreferencesModal/UiTab.js
index 3a4c7142..e14f2279 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, '250px')
+    this.customCSSCM.getCodeMirror().setSize('400px', '400px')
     this.handleSettingDone = () => {
       this.setState({UiAlert: {
         type: 'success',
@@ -574,24 +574,18 @@ class UiTab extends React.Component {
               />
             </div>
           </div>
-          <div styleName='group-checkBoxSection'>
-            <label>
+          <div styleName='group-section'>
+            <div styleName='group-section-label'>
+              {i18n.__('Custom CSS')}
+            </div>
+            <div styleName='group-section-control'>
               <input onChange={(e) => this.handleUIChange(e)}
                 checked={config.preview.allowCustomCSS}
                 ref='previewAllowCustomCSS'
                 type='checkbox'
               />&nbsp;
               {i18n.__('Allow custom CSS for preview')}
-            </label>
-          </div>
-          <div styleName='group-section'>
-            <div styleName='group-section-label'>
-              {i18n.__('Custom CSS')}
-            </div>
-            <div styleName='group-section-control'>
-              <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>
+              <ReactCodeMirror onChange={e => this.handleUIChange(e)} ref={e => (this.customCSSCM = e)} value={config.preview.customCSS} options={{ lineNumbers: true, mode: 'css', theme: codemirrorTheme }} />
             </div>
           </div>