From de303cf072e7fc68291eecd863956f94c872cfe7 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Fri, 21 Apr 2017 14:20:21 +0900
Subject: [PATCH] modify: Fix the sort-by-btn layout

---
 browser/main/NoteList/NoteList.styl | 11 ++++++-----
 browser/main/NoteList/index.js      |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/browser/main/NoteList/NoteList.styl b/browser/main/NoteList/NoteList.styl
index d4e68574..572a66c3 100644
--- a/browser/main/NoteList/NoteList.styl
+++ b/browser/main/NoteList/NoteList.styl
@@ -20,8 +20,8 @@ $control-height = 30px
   padding-left 25px
 
 .control-sortBy-select
-  margin-left 0
-  font-size 12px
+  appearance: none;
+  margin-left 3px
   color $ui-inactive-text-color
   padding 0
   border none
@@ -58,13 +58,14 @@ body[data-theme="dark"]
     border-color $ui-dark-borderColor
     background-color $ui-dark-noteList-backgroundColor
 
-  .control
-    background-color $ui-dark-noteList-backgroundColor
-
   .control
     background-color $ui-dark-noteList-backgroundColor
     border-color $ui-dark-borderColor
 
+  .control-sortBy-select
+    &:hover
+      background-color white
+
   .control-button
     color $ui-dark-inactive-text-color
     &:hover
diff --git a/browser/main/NoteList/index.js b/browser/main/NoteList/index.js
index c6d3464c..b296bc5a 100644
--- a/browser/main/NoteList/index.js
+++ b/browser/main/NoteList/index.js
@@ -404,7 +404,7 @@ class NoteList extends React.Component {
       >
         <div styleName='control'>
           <div styleName='control-sortBy'>
-            Sort by
+            <i className='fa fa-bolt' />
             <select styleName='control-sortBy-select'
               value={config.sortBy}
               onChange={(e) => this.handleSortByChange(e)}