From 345008e9b68c61fd4a816a051192ec7f5259de7b Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Mon, 10 Jul 2017 16:28:50 +0900
Subject: [PATCH] Fix info area layout at NoteDetail

---
 browser/main/Detail/InfoButton.js           | 2 +-
 browser/main/Detail/InfoButton.styl         | 5 ++++-
 browser/main/Detail/MarkdownNoteDetail.styl | 2 +-
 browser/main/Detail/SnippetNoteDetail.styl  | 2 +-
 browser/styles/index.styl                   | 3 +--
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/browser/main/Detail/InfoButton.js b/browser/main/Detail/InfoButton.js
index ce9f35de..e4a9dedc 100644
--- a/browser/main/Detail/InfoButton.js
+++ b/browser/main/Detail/InfoButton.js
@@ -8,7 +8,7 @@ const InfoButton = ({
   <button styleName='control-infoButton'
     onClick={onClick}
   >
-    <i className='fa fa-info-circle infoButton' styleName='info-button' />
+    <i className='fa fa-info infoButton' styleName='info-button' />
   </button>
 )
 
diff --git a/browser/main/Detail/InfoButton.styl b/browser/main/Detail/InfoButton.styl
index 41449cfb..45c378fe 100644
--- a/browser/main/Detail/InfoButton.styl
+++ b/browser/main/Detail/InfoButton.styl
@@ -7,12 +7,15 @@
   pointer-events none
   top 50px
   z-index 200
-  padding 5px
   line-height normal
   border-radius 2px
   opacity 0
   transition 0.1s
 
+.infoButton
+  padding 0px
+  margin 15px 0
+
 body[data-theme="dark"]
   .control-infoButton
     topBarButtonDark()
diff --git a/browser/main/Detail/MarkdownNoteDetail.styl b/browser/main/Detail/MarkdownNoteDetail.styl
index e641f441..131ff9fd 100644
--- a/browser/main/Detail/MarkdownNoteDetail.styl
+++ b/browser/main/Detail/MarkdownNoteDetail.styl
@@ -29,7 +29,7 @@
 
 .control-fullScreenButton
   float right
-  padding 7px
+  padding 0 0 2px 0
   topBarButtonLight()
 
 .body
diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl
index 148a3d85..5b6f15cf 100644
--- a/browser/main/Detail/SnippetNoteDetail.styl
+++ b/browser/main/Detail/SnippetNoteDetail.styl
@@ -68,7 +68,7 @@
 
 .control-fullScreenButton
   float right
-  padding 7px
+  padding 0 0 2px 0
   topBarButtonLight()
 
 body[data-theme="dark"]
diff --git a/browser/styles/index.styl b/browser/styles/index.styl
index 94f6a5e9..206d9006 100644
--- a/browser/styles/index.styl
+++ b/browser/styles/index.styl
@@ -160,8 +160,7 @@ topBarButtonLight()
   height 34px
   border-radius 17px
   font-size 14px
-  margin 13px 7px
-  padding-top 7px
+  margin 15px 7px
   border none
   color $ui-button-color
   fill $ui-button-color