From 31485d3387f29b7621a072fb618e191b79c3c69b Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Fri, 22 Sep 2017 15:27:22 +0900
Subject: [PATCH] Fix layout at head in PreferenceModal

---
 browser/components/ModalEscButton.js          | 2 +-
 browser/components/ModalEscButton.styl        | 4 +++-
 browser/main/modals/PreferencesModal/Tab.styl | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/browser/components/ModalEscButton.js b/browser/components/ModalEscButton.js
index 190b7ccd..42fe9100 100644
--- a/browser/components/ModalEscButton.js
+++ b/browser/components/ModalEscButton.js
@@ -6,7 +6,7 @@ const ModalEscButton = ({
   handleEscButtonClick
 }) => (
   <button styleName='escButton' onClick={handleEscButtonClick}>
-    <div styleName='esc-mark'>x</div>
+    <div styleName='esc-mark'>×</div>
     <div styleName='esc-text'>esc</div>
   </button>
 )
diff --git a/browser/components/ModalEscButton.styl b/browser/components/ModalEscButton.styl
index 378fac85..12cd56ed 100644
--- a/browser/components/ModalEscButton.styl
+++ b/browser/components/ModalEscButton.styl
@@ -11,4 +11,6 @@
   height top-bar-height
 
 .esc-mark
-  font-size 15px
+  font-size 28px
+  margin-top -5px
+  margin-bottom -7px
\ No newline at end of file
diff --git a/browser/main/modals/PreferencesModal/Tab.styl b/browser/main/modals/PreferencesModal/Tab.styl
index 7280407b..3b722cbf 100644
--- a/browser/main/modals/PreferencesModal/Tab.styl
+++ b/browser/main/modals/PreferencesModal/Tab.styl
@@ -10,8 +10,8 @@ $tab--button-font-size = 14px
 $tab--dark-text-color = #E5E5E5
 
 .header
-  font-size 24px
-  margin-bottom 30px
+  font-size 36px
+  margin-bottom 60px
 
 body[data-theme="dark"]
   .header