From f0fcaa6be78c8c16b621cbc294bf877002bc03de Mon Sep 17 00:00:00 2001
From: sota1235 <sota1235@gmail.com>
Date: Sat, 14 Jan 2017 14:45:44 +0900
Subject: [PATCH] modify: move zoom-pointer to left on note detail component

---
 browser/main/Detail/SnippetNoteDetail.styl |  1 +
 browser/main/StatusBar/index.js            | 16 +++++++++-------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl
index 9356f6b2..ab86130b 100644
--- a/browser/main/Detail/SnippetNoteDetail.styl
+++ b/browser/main/Detail/SnippetNoteDetail.styl
@@ -56,6 +56,7 @@
 
 .override
   absolute bottom left
+  left 60px
   height 23px
   z-index 1
   button
diff --git a/browser/main/StatusBar/index.js b/browser/main/StatusBar/index.js
index dc502306..6b83419a 100644
--- a/browser/main/StatusBar/index.js
+++ b/browser/main/StatusBar/index.js
@@ -52,19 +52,21 @@ class StatusBar extends React.Component {
       <div className='StatusBar'
         styleName='root'
       >
-        <div styleName='blank' />
-        {status.updateReady
-          ? <button onClick={this.updateApp} styleName='update'>
-            <i styleName='update-icon' className='fa fa-cloud-download' /> Ready to Update!
-          </button>
-          : null
-        }
         <button styleName='zoom'
           onClick={(e) => this.handleZoomButtonClick(e)}
         >
           <i className='fa fa-search-plus' />&nbsp;
           {Math.floor(config.zoom * 100)}%
         </button>
+
+        <div styleName='blank' />
+
+        {status.updateReady
+          ? <button onClick={this.updateApp} styleName='update'>
+            <i styleName='update-icon' className='fa fa-cloud-download' /> Ready to Update!
+            </button>
+          : null
+        }
       </div>
     )
   }