Increase font size and change folder icon at side bar

browser/components/SideNavFilter.styl

@@ -5,7 +5,7 @@
   navButtonColor()
   height 32px
   padding 0 15px
-  font-size 12px
+  font-size 13px
   width 100%
   text-align left
   overflow ellipsis
@@ -71,7 +71,7 @@
     border-bottom-right-radius 2px
     pointer-events none
     opacity 0
-    font-size 12px
+    font-size 13px
 
 body[data-theme="dark"]
   .menu-button

browser/components/StorageItem.js

@@ -35,10 +35,8 @@ const StorageItem = ({
   >
     <span styleName={isFolded
       ? 'folderList-item-name--folded' : 'folderList-item-name'
-    }
-      style={{borderColor: folderColor}}
-    >
-      {isFolded ? folderName.substring(0, 1) : folderName}
+    }>
+      <text style={{color: folderColor, paddingRight: '10px'}}>{isActive ? <i className='fa fa-folder-open-o' /> : <i className='fa fa-folder-o' />}</text>{isFolded ? folderName.substring(0, 1) : folderName}
     </span>
     {(!isFolded && isNumber(noteCount)) &&
       <span styleName='folderList-item-noteCount'>{noteCount}</span>

browser/components/StorageItem.styl

@@ -13,7 +13,7 @@
   text-align left
   border none
   overflow ellipsis
-  font-size 12px
+  font-size 13px
   &:first-child
     margin-top 0
   &:hover
@@ -35,7 +35,7 @@
 .folderList-item-name
   display block
   flex 1
-  padding 0 25px
+  padding 0 12px
   height 26px
   line-height 26px
   border-width 0 0 0 2px
@@ -48,7 +48,7 @@
   float right
   line-height 26px
   padding-right 15px
-  font-size 12px
+  font-size 13px
 
 .folderList-item-tooltip
   tooltip()

browser/main/SideNav/SideNav.styl

@@ -100,7 +100,7 @@
     border-top-right-radius 2px
     border-bottom-right-radius 2px
     pointer-events none
-    font-size 12px
+    font-size 13px
 
 body[data-theme="dark"]
   .root, .root--folded

browser/main/modals/PreferencesModal/FolderItem.styl

@@ -25,7 +25,7 @@
 
 .folderItem-left-key
   color $ui-inactive-text-color
-  font-size 10px
+  font-size 13px
   margin 0 5px
   border none