style update

browser/main/Detail/DetailVars.styl

@@ -5,5 +5,7 @@
 // Margin on the left side and the right side for NoteDetail component.
 $note-detail-left-margin = 100px
 $note-detail-right-margin = 120px
+$snippet-note-detail-left-margin = 60px
+$snippet-note-detail-right-margin = 80px
 
 $note-detail-box-shadow = 2px 0 15px -8px #b1b1b1 inset

browser/main/Detail/NoteDetailInfo.styl

@@ -50,6 +50,7 @@ $info-margin-under-border = 30px
   top 60px
   bottom 1px
   padding-left 30px
+  z-index 101
 
 .undo-button
   width 34px

browser/main/Detail/SnippetNoteDetail.styl

@@ -9,8 +9,8 @@
 
 .body
   absolute left right
-  left $note-detail-left-margin
+  left $snippet-note-detail-left-margin
-  right $note-detail-right-margin
+  right $snippet-note-detail-right-margin
   top $info-height + $info-margin-under-border
   bottom $statusBar-height
   background-color $ui-noteDetail-backgroundColor
@@ -55,7 +55,7 @@
 
 .override
   absolute bottom left
-  bottom 2px
+  bottom 5px
   height 18px
   left 60px
   z-index 101

browser/main/StatusBar/StatusBar.styl

@@ -3,7 +3,7 @@
 .root
   position absolute
   bottom 10px
-  left 10px
+  right 10px
   z-index 100
   background-color $ui-noteDetail-backgroundColor
   display flex