From 148fb25a15c794d8a08af3e1e9bfba27869c564d Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Tue, 14 Nov 2017 20:54:31 +0900
Subject: [PATCH] Fix note list layout

---
 browser/components/NoteItem.styl       | 6 ++++--
 browser/components/NoteItemSimple.styl | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/browser/components/NoteItem.styl b/browser/components/NoteItem.styl
index 212fedec..d410a7cf 100644
--- a/browser/components/NoteItem.styl
+++ b/browser/components/NoteItem.styl
@@ -149,13 +149,15 @@ body[data-theme="white"]
   .item
     background-color $ui-white-noteList-backgroundColor
     &:hover
-      background-color alpha($ui-button--active-backgroundColor, 40%)
+      background-color alpha($ui-button--active-backgroundColor, 60%)
     &:active
       background-color $ui-button--active-backgroundColor
 
   .item--active
     @extend .item
     background-color $ui-button--active-backgroundColor
+    &:hover
+      background-color alpha($ui-button--active-backgroundColor, 60%)
 
 body[data-theme="dark"]
   .root
@@ -208,7 +210,7 @@ body[data-theme="dark"]
       background-color alpha(white, 10%)
       color $ui-dark-text-color
     &:hover
-      background-color alpha($ui-dark-button--active-backgroundColor, 50%)
+      background-color alpha($ui-dark-button--active-backgroundColor, 60%)
       color #c0392b
       .item-bottom-tagList-item
         background-color alpha(#fff, 20%)
diff --git a/browser/components/NoteItemSimple.styl b/browser/components/NoteItemSimple.styl
index 1a84f26c..fdfed1ab 100644
--- a/browser/components/NoteItemSimple.styl
+++ b/browser/components/NoteItemSimple.styl
@@ -71,13 +71,15 @@ body[data-theme="white"]
   .item-simple
     background-color $ui-white-noteList-backgroundColor
     &:hover
-      background-color alpha($ui-button--active-backgroundColor, 40%)
+      background-color alpha($ui-button--active-backgroundColor, 60%)
     &:active
       background-color $ui-button--active-backgroundColor
 
   .item-simple--active
     @extend .item-simple
     background-color $ui-button--active-backgroundColor
+    &:hover
+      background-color alpha($ui-button--active-backgroundColor, 60%)
 
 body[data-theme="dark"]
   .root
@@ -127,7 +129,7 @@ body[data-theme="dark"]
       background-color alpha(white, 10%)
       color $ui-dark-text-color
     &:hover
-      background-color alpha($ui-dark-button--active-backgroundColor, 50%)
+      background-color alpha($ui-dark-button--active-backgroundColor, 60%)
       color #c0392b
       .item-simple-bottom-tagList-item
         background-color alpha(#fff, 20%)