From 094bce20e2574e40a526257beb6bc5b3ba1de952 Mon Sep 17 00:00:00 2001
From: sota1235 <sota1235@gmail.com>
Date: Fri, 30 Dec 2016 14:34:28 +0900
Subject: [PATCH] modfiy: markup for UI config tab.

---
 browser/main/modals/PreferencesModal/ConfigTab.styl | 5 +++--
 browser/main/modals/PreferencesModal/UiTab.js       | 4 +++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/browser/main/modals/PreferencesModal/ConfigTab.styl b/browser/main/modals/PreferencesModal/ConfigTab.styl
index a6192ee3..24748521 100644
--- a/browser/main/modals/PreferencesModal/ConfigTab.styl
+++ b/browser/main/modals/PreferencesModal/ConfigTab.styl
@@ -3,6 +3,7 @@
 .root
   padding 15px
   color $ui-text-color
+  margin-bottom 30px
 
 .group
   margin-bottom 45px
@@ -12,10 +13,10 @@
   color $ui-text-color
 
 .group-header2
-  font-size 18px
+  font-size 20px
   color $ui-text-color
-  padding 5px
   margin-bottom 15px
+  margin-top 30px
 
 .group-section
   margin-bottom 20px
diff --git a/browser/main/modals/PreferencesModal/UiTab.js b/browser/main/modals/PreferencesModal/UiTab.js
index 09ae6d57..a4031a90 100644
--- a/browser/main/modals/PreferencesModal/UiTab.js
+++ b/browser/main/modals/PreferencesModal/UiTab.js
@@ -69,8 +69,10 @@ class UiTab extends React.Component {
       <div styleName='root'>
         <div styleName='group'>
           <div styleName='group-header'>UI</div>
+
+          <div styleName='group-header2'>Theme</div>
+
           <div styleName='group-section'>
-            <div styleName='group-section-label'>Theme</div>
             <div styleName='group-section-control'>
               <select value={config.ui.theme}
                 onChange={(e) => this.handleUIChange(e)}