From bcf27233bc36f1a2d8f12a1247101f321088ebc8 Mon Sep 17 00:00:00 2001
From: asmsuechan <suenagaryoutaabc@gmail.com>
Date: Sun, 19 Mar 2017 01:31:28 -0700
Subject: [PATCH] Fix a style of the lock button

---
 browser/main/Detail/MarkdownNoteDetail.js   | 2 +-
 browser/main/Detail/MarkdownNoteDetail.styl | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js
index d4aa6242..3f4a7a4d 100644
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/browser/main/Detail/MarkdownNoteDetail.js
@@ -281,7 +281,7 @@ class MarkdownNoteDetail extends React.Component {
                   onFocus={(e) => this.handleFocus(e)}
                   onMouseDown={(e) => this.handleLockButtonMouseDown(e)}
                 >
-                  <i className={faClassName}/>
+                  <i className={faClassName} styleName='lock-button'/>
                   <span styleName='control-lockButton-tooltip'>
                   {this.state.isLocked ? 'Unlock' : 'Lock'}
                   </span>
diff --git a/browser/main/Detail/MarkdownNoteDetail.styl b/browser/main/Detail/MarkdownNoteDetail.styl
index 50696131..a521fa05 100644
--- a/browser/main/Detail/MarkdownNoteDetail.styl
+++ b/browser/main/Detail/MarkdownNoteDetail.styl
@@ -9,6 +9,9 @@
   background-color $ui-noteDetail-backgroundColor
   box-shadow $note-detail-box-shadow
 
+.lock-button
+  padding-bottom 3px
+
 .control-lockButton
   width 34px
   height 34px