From 4e90a93b30758af59243b9c1b93df4f564b67d16 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Fri, 22 Sep 2017 23:46:41 +0900
Subject: [PATCH] Fix layout at NoteDetail

---
 browser/finder/NoteDetail.styl             | 1 +
 browser/main/Detail/SnippetNoteDetail.styl | 3 ++-
 browser/main/StatusBar/StatusBar.styl      | 2 ++
 browser/main/global.styl                   | 2 +-
 browser/styles/index.styl                  | 2 +-
 5 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/browser/finder/NoteDetail.styl b/browser/finder/NoteDetail.styl
index e46f291a..060902af 100644
--- a/browser/finder/NoteDetail.styl
+++ b/browser/finder/NoteDetail.styl
@@ -2,6 +2,7 @@
 
 .root
   absolute top bottom left right
+  bottom 30px
   left $note-detail-left-margin
   right $note-detail-right-margin
   height 100%
diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl
index 90824eae..d2a4e299 100644
--- a/browser/main/Detail/SnippetNoteDetail.styl
+++ b/browser/main/Detail/SnippetNoteDetail.styl
@@ -57,9 +57,10 @@
 
 .override
   absolute bottom left
+  bottom 30px
   left 60px
   height 23px
-  z-index 1
+  z-index 101
   button
     navButtonColor()
     height 24px
diff --git a/browser/main/StatusBar/StatusBar.styl b/browser/main/StatusBar/StatusBar.styl
index 8dd8dc99..df8df627 100644
--- a/browser/main/StatusBar/StatusBar.styl
+++ b/browser/main/StatusBar/StatusBar.styl
@@ -3,6 +3,8 @@
 .root
   absolute bottom left right
   height $statusBar-height
+  bottom 16px
+  z-index 100
   background-color $ui-noteDetail-backgroundColor
   display flex
 
diff --git a/browser/main/global.styl b/browser/main/global.styl
index dfed8312..ef70fcb3 100644
--- a/browser/main/global.styl
+++ b/browser/main/global.styl
@@ -91,7 +91,7 @@ body[data-theme="dark"]
 .CodeMirror
   font-family inherit !important
   line-height 1.4em
-  height 100%
+  height 96%
 .CodeMirror > div > textarea
   margin-bottom -1em
 .CodeMirror-focused .CodeMirror-selected
diff --git a/browser/styles/index.styl b/browser/styles/index.styl
index 3fcd383d..634f09a2 100644
--- a/browser/styles/index.styl
+++ b/browser/styles/index.styl
@@ -5,7 +5,7 @@ $danger-color = #c9302c
 $danger-lighten-color = lighten(#c9302c, 5%)
 
 // Layouts
-$statusBar-height = 24px
+$statusBar-height = 36px
 $sideNav-width = 200px
 $sideNav--folded-width = 44px
 $topBar-height = 60px