update status bar style

browser/components/NoteItem.styl

@@ -75,7 +75,8 @@ $control-height = 30px
   color $ui-inactive-text-color
 
 .item-title
-  font-size 14px
+  font-size 15px
+  font-weight 700
   position relative
   top -12px
   left 20px
@@ -91,7 +92,7 @@ $control-height = 30px
 .item-bottom
   position relative
   bottom 0px
-  margin-top 2px
+  margin-top 10px
   font-size 12px
   line-height 20px
   overflow ellipsis
@@ -108,10 +109,9 @@ $control-height = 30px
   font-size 11px
   margin-right 8px
   padding 0
-  height 20px
   box-sizing border-box
   border-radius 2px
-  padding 1px 2px
+  padding 4px
   vertical-align middle
   background-color white
   color $ui-inactive-text-color

browser/components/TodoListPercentage.styl

@@ -1,24 +1,25 @@
 .percentageBar
   position absolute
-  top 40px
+  top 50px
   right 0px
   left 0px
   background-color #DADFE1
   width 100%
-  height: 15px
+  height: 17px
   font-size: 12px
   z-index 100
   border-radius 2px
 
 .progressBar
-  background-color: #6C7A89
+  background-color: #1EC38B
-  height 15px
+  height 17px
   border-radius 2px
-  transition 0.3s
+  transition 0.4s cubic-bezier(0.4, 0.4, 0, 1)
 
 .percentageText
   color #f4f4f4
   padding: 2px 43%
+  font-weight 600
 
 body[data-theme="dark"]
   .percentageBar

browser/main/Detail/FolderSelect.js

@@ -8,7 +8,7 @@ class FolderSelect extends React.Component {
     super(props)
 
     this.state = {
-      status: 'SEARCH',
+      status: 'IDLE',
       search: '',
       optionIndex: -1
     }

browser/main/Detail/FolderSelect.styl

@@ -58,6 +58,7 @@
   position absolute
   top 30px
   max-height 450px
+  min-width 150px
   overflow auto
   z-index 200
   border $ui-border