modify: fix some parameter for whole components

Author: sota1235

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,23 +63,23 @@ $list-width = 250px
 
 .result-nav-storageList
   absolute bottom left right
-  top 80px + 32px + 10px
+  top 80px + 32px + 10px + 10px
   overflow-y auto
 
 .result-list
   user-select none
   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

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