From adeb45a9ce2cae0350cc5b3e360eed2e7ac149de Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Wed, 12 Apr 2017 23:10:29 +0900
Subject: [PATCH] Fix the storage-btn layout at SideNav

---
 browser/main/SideNav/StorageItem.styl | 33 ++++++++++++---------------
 1 file changed, 14 insertions(+), 19 deletions(-)

diff --git a/browser/main/SideNav/StorageItem.styl b/browser/main/SideNav/StorageItem.styl
index be89d1e8..1dd41664 100644
--- a/browser/main/SideNav/StorageItem.styl
+++ b/browser/main/SideNav/StorageItem.styl
@@ -106,34 +106,29 @@
 
 body[data-theme="dark"]
 .header
-  &:hover
-    color $ui-dark-text-color
-    background-color alpha($ui-dark-button--active-backgroundColor, 20%)
   &:active
+    color $ui-dark-text-color
+    background-color $ui-dark-button--active-backgroundColor
+
+.header
+  &:hover
     .header-info
     .header-toggleButton
     .header-addFolderButton
       color $ui-dark-text-color
       background-color $ui-dark-button--active-backgroundColor
 
-.header-info
-    &:hover
-      background-color alpha($ui-dark-button--active-backgroundColor, 20%)
-    &:active
-      .header-toggleButton
-      .header-addFolderButton
-        color $ui-dark-text-color
-
 .header--active
-  @extend .header
   .header-info
-    color $ui-dark-text-color
-    background-color $ui-dark-button--active-backgroundColor
   .header-toggleButton
   .header-addFolderButton
     color $ui-dark-text-color
-    &:active
-      .header-toggleButton
-      .header-addFolderButton
-        &:active
-          color $ui-dark-text-color
+    background-color $ui-dark-button--active-backgroundColor
+
+.header--active
+  &:active
+    .header-info
+    .header-toggleButton
+    .header-addFolderButton
+      color $ui-dark-text-color
+      background-color $ui-dark-button--active-backgroundColor
\ No newline at end of file