Fix info area layout at NoteDetail

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>
 )
 

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()

browser/main/Detail/MarkdownNoteDetail.styl

@@ -29,7 +29,7 @@
 
 .control-fullScreenButton
   float right
-  padding 7px
+  padding 0 0 2px 0
   topBarButtonLight()
 
 .body

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"]

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