From 7f066c44435ae7d83e2e72cc0ec272e49794c221 Mon Sep 17 00:00:00 2001
From: sota1235 <sota1235@gmail.com>
Date: Tue, 3 Jan 2017 14:03:46 +0900
Subject: [PATCH] modify: fix some parameter for whole components

---
 browser/finder/FinderMain.styl | 14 +++++++++-----
 browser/finder/NoteDetail.styl | 17 +++++++++++------
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/browser/finder/FinderMain.styl b/browser/finder/FinderMain.styl
index ef248e35..4e939b9a 100644
--- a/browser/finder/FinderMain.styl
+++ b/browser/finder/FinderMain.styl
@@ -21,6 +21,7 @@ $list-width = 250px
   outline none
   text-align center
   background-color transparent
+
 .result
   absolute left right bottom
   top $search-height
@@ -32,7 +33,7 @@ $list-width = 250px
   background-color $ui-backgroundColor
 
 .result-nav-filter
-  margin-bottom 5px
+  margin-bottom 10px
 
 .result-nav-filter-option
   height 25px
@@ -62,7 +63,7 @@ $list-width = 250px
 
 .result-nav-storageList
   absolute bottom left right
-  top 80px + 32px + 10px
+  top 80px + 32px + 10px + 10px
   overflow-y auto
 
 .result-list
@@ -70,15 +71,15 @@ $list-width = 250px
   absolute top bottom
   left $nav-width
   width $list-width
-  border-width 0 1px
-  border-style solid
-  border-color $ui-borderColor
   box-sizing border-box
   overflow-y auto
+  box-shadow 2px 0 15px -8px #b1b1b1
+  z-index 1
 
 .result-detail
   absolute top bottom right
   left $nav-width + $list-width
+  background-color $ui-noteDetail-backgroundColor
 
 body[data-theme="dark"]
   .root
@@ -104,7 +105,10 @@ body[data-theme="dark"]
 
   .result-list
     border-color $ui-dark-borderColor
+    box-shadow none
+    top 0
 
   .result-detail
     absolute top bottom right
     left $nav-width + $list-width
+    background-color $ui-dark-noteDetail-backgroundColor
diff --git a/browser/finder/NoteDetail.styl b/browser/finder/NoteDetail.styl
index 7ab64ac3..e46f291a 100644
--- a/browser/finder/NoteDetail.styl
+++ b/browser/finder/NoteDetail.styl
@@ -5,6 +5,7 @@
   left $note-detail-left-margin
   right $note-detail-right-margin
   height 100%
+  width 365px
   background-color $ui-noteDetail-backgroundColor
 
 .description
@@ -66,6 +67,9 @@
   width 100%
 
 body[data-theme="dark"]
+  .root
+    background-color $ui-dark-noteDetail-backgroundColor
+
   .description
     border-color $ui-dark-borderColor
     background-color $ui-dark-noteDetail-backgroundColor
@@ -82,11 +86,12 @@ body[data-theme="dark"]
     &:hover
       background-color $ui-dark-button--hover-backgroundColor
 
-  .tabList-item--active
-    border-color $ui-dark-borderColor
-    .tabList-item-button
-      border-color $brand-color
-
   .tabList-item-button
-    navDarkButtonColor()
+    border none
+    color $ui-dark-text-color
+    background-color transparent
+    transition color background-color 0.15s
     border-left 4px solid transparent
+    &:hover
+      color white
+      background-color $ui-dark-button--hover-backgroundColor