From 8996ebb819568c50d5dbea7a507c46536164146b Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Sat, 8 Apr 2017 15:53:31 +0900
Subject: [PATCH] Fix the make note modal layout at dark theme

---
 browser/main/modals/NewNoteModal.js   | 2 +-
 browser/main/modals/NewNoteModal.styl | 2 +-
 browser/styles/index.styl             | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/browser/main/modals/NewNoteModal.js b/browser/main/modals/NewNoteModal.js
index 356af05f..d1d258b6 100644
--- a/browser/main/modals/NewNoteModal.js
+++ b/browser/main/modals/NewNoteModal.js
@@ -103,7 +103,7 @@ class NewNoteModal extends React.Component {
           <div styleName='title'>Make a Note</div>
         </div>
         <button styleName='closeButton' onClick={(e) => this.handleCloseButtonClick(e)}>
-          <div styleName='close-mark'>X</div>
+          <div styleName='close-mark'>×</div>
           <div styleName='close-text'>esc</div>
         </button>
 
diff --git a/browser/main/modals/NewNoteModal.styl b/browser/main/modals/NewNoteModal.styl
index 105d2833..ed154090 100644
--- a/browser/main/modals/NewNoteModal.styl
+++ b/browser/main/modals/NewNoteModal.styl
@@ -73,7 +73,7 @@ body[data-theme="dark"]
     color $ui-dark-text-color
     background-color transparent
     &:focus
-      colorPrimaryButton()
+      colorDarkPrimaryButton()
 
   .description
     color $ui-inactive-text-color
diff --git a/browser/styles/index.styl b/browser/styles/index.styl
index f4bfc13a..b4ebd2d8 100644
--- a/browser/styles/index.styl
+++ b/browser/styles/index.styl
@@ -95,6 +95,7 @@ colorPrimaryButton()
 $dark-primary-button-background = alpha(#3A404C, 80%)
 $dark-primary-button-background--hover = #3A404C
 $dark-primary-button-background--active = #3A404C
+
 colorDarkPrimaryButton()
   color white
   background-color $dark-primary-button-background