From 7aa982849f7388653e2bf68a93a7605bce3412c8 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Fri, 28 Apr 2017 15:42:46 +0900
Subject: [PATCH] Fix the layout and UX at create-folder-btn at sidebar

---
 browser/components/StorageItem.styl   |  2 +-
 browser/main/SideNav/StorageItem.styl | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/browser/components/StorageItem.styl b/browser/components/StorageItem.styl
index 8d6602bf..b294c405 100644
--- a/browser/components/StorageItem.styl
+++ b/browser/components/StorageItem.styl
@@ -35,7 +35,7 @@
 .folderList-item-name
   display block
   flex 1
-  padding 0 15px
+  padding 0 25px
   height 26px
   line-height 26px
   border-width 0 0 0 2px
diff --git a/browser/main/SideNav/StorageItem.styl b/browser/main/SideNav/StorageItem.styl
index 6cc36e68..1b781848 100644
--- a/browser/main/SideNav/StorageItem.styl
+++ b/browser/main/SideNav/StorageItem.styl
@@ -60,11 +60,13 @@
   position absolute
   right 0
   width 25px
-  height 26px
+  height 25px
   padding 0
   border none
+  margin-right 5px
+  border-radius 50%
   &:hover
-    background-color transparent
+    background-color alpha($ui-button--active-backgroundColor, 40%)
     color $ui-text-color
 
 .root--folded
@@ -129,4 +131,8 @@ body[data-theme="dark"]
 
   .header-addFolderButton
     &:hover
-      color $ui-dark-text-color
\ No newline at end of file
+      color $ui-dark-text-color
+      background-color alpha($ui-dark-button--active-backgroundColor, 60%)
+    &:active, &:active:hover
+      color $ui-dark-text-color
+      background-color $ui-dark-button--active-backgroundColor
\ No newline at end of file