From 11d820356ddf652d4bab7fbe7606aec0e7969b79 Mon Sep 17 00:00:00 2001
From: sota1235 <sota1235@gmail.com>
Date: Thu, 29 Dec 2016 15:00:32 +0900
Subject: [PATCH] modify: change style for note-detail component (snipet mode)

---
 browser/main/Detail/SnippetNoteDetail.styl | 11 ++++-------
 browser/main/Detail/SnippetTab.styl        | 17 +++--------------
 2 files changed, 7 insertions(+), 21 deletions(-)

diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl
index fbefc480..703e67b2 100644
--- a/browser/main/Detail/SnippetNoteDetail.styl
+++ b/browser/main/Detail/SnippetNoteDetail.styl
@@ -10,11 +10,11 @@
   absolute left right
   top $info-height
   bottom $statusBar-height
+  background-color $ui-noteDetail-backgroundColor
 
 .body .description
   absolute top left right
   height 80px
-  border-bottom $ui-border
 
 .body .description textarea
   display block
@@ -30,7 +30,6 @@
   absolute left right
   top 80px
   height 30px
-  border-bottom $ui-border
   display flex
   background-color $ui-noteDetail-backgroundColor
 
@@ -38,7 +37,6 @@
   flex 1
   display flex
   overflow hidden
-  border-right $ui-border
 
 .tabList .plusButton
   navButtonColor()
@@ -46,7 +44,7 @@
 
 .tabView
   absolute left right bottom
-  top 110px
+  top 130px
 
 .tabView-content
   absolute top left right bottom
@@ -68,8 +66,8 @@ body[data-theme="dark"]
   .root
     border-color $ui-dark-borderColor
 
-  .body .description
-    border-bottom-color $ui-dark-borderColor
+  .body
+    background-color $ui-dark-noteDetail-backgroundColor
 
   .body .description textarea
     background-color $ui-dark-noteDetail-backgroundColor
@@ -77,7 +75,6 @@ body[data-theme="dark"]
 
   .tabList
     background-color $ui-button--active-backgroundColor
-    border-bottom-color $ui-dark-borderColor
     background-color $ui-dark-noteDetail-backgroundColor
 
   .tabList .list
diff --git a/browser/main/Detail/SnippetTab.styl b/browser/main/Detail/SnippetTab.styl
index 5a2deb37..2f255106 100644
--- a/browser/main/Detail/SnippetTab.styl
+++ b/browser/main/Detail/SnippetTab.styl
@@ -2,9 +2,6 @@
   position relative
   flex 1
   overflow hidden
-  border-right $ui-border
-  &:last-child
-    border-right none
   &:hover
     .deleteButton
       color $ui-inactive-text-color
@@ -13,17 +10,17 @@
       &:active
         color white
         background-color $ui-active-color
+
 .root--active
   @extend .root
   min-width 100px
-  .button
-    border-color $brand-color
+  border-bottom $ui-border
 
 .button
   width 100%
   height 29px
   overflow ellipsis
-  text-align left
+  text-align center
   padding-right 30px
   border none
   background-color transparent
@@ -31,8 +28,6 @@
   border-left 4px solid transparent
   &:hover
     background-color $ui-button--hover-backgroundColor
-  &:active, &:active:hover
-    border-color $brand-color
 
 .deleteButton
   position absolute
@@ -71,8 +66,6 @@ body[data-theme="dark"]
   .root--active
     color $ui-dark-text-color
     border-color $ui-dark-borderColor
-    .button
-      border-color $brand-color
     &:hover
       background-color $ui-dark-button--hover-backgroundColor
       .deleteButton
@@ -92,10 +85,6 @@ body[data-theme="dark"]
     &:hover
       color white
       background-color $ui-dark-button--hover-backgroundColor
-    &:active
-      color $ui-dark-button--active-color
-    &:active, &:active:hover
-      color $ui-dark-button--active-color
 
   .input
     background-color $ui-dark-button--hover-backgroundColor