From 7978704f1b01bfe5c501a059c5889307be56b107 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Tue, 21 Nov 2017 13:22:16 +0900
Subject: [PATCH] Fix status bar layout

---
 browser/main/Detail/SnippetNoteDetail.styl | 8 +++++---
 browser/main/StatusBar/StatusBar.styl      | 7 ++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl
index 7b73896c..a91b1f82 100644
--- a/browser/main/Detail/SnippetNoteDetail.styl
+++ b/browser/main/Detail/SnippetNoteDetail.styl
@@ -56,14 +56,16 @@
 .override
   absolute bottom left
   bottom 2px
+  height 18px
   left 60px
-  height 23px
   z-index 101
   button
     navButtonColor()
-    height 24px
+    padding 0 6px
+    &:hover
+      color $ui-active-color
     &:active .update-icon
-      color white
+      color $ui-active-color
 
 .control-fullScreenButton
   top 80px
diff --git a/browser/main/StatusBar/StatusBar.styl b/browser/main/StatusBar/StatusBar.styl
index 77b3f1c2..dd7c211a 100644
--- a/browser/main/StatusBar/StatusBar.styl
+++ b/browser/main/StatusBar/StatusBar.styl
@@ -5,6 +5,7 @@
   z-index 100
   background-color $ui-noteDetail-backgroundColor
   display flex
+  height 20px
 
 .blank
   flex 1
@@ -21,9 +22,13 @@
 
 .zoom
   navButtonColor()
-  height 30px
+  height 18px
   display flex
   align-items center
+  &:hover
+    color $ui-active-color
+  &:active
+    color $ui-active-color
   span
     margin-left 5px