fix style

browser/styles/main/HomeContainer/lib/CreateNewFolder.styl

@@ -34,26 +34,27 @@ iptFocusBorderColor = #369DCD
     border-radius 5px
     border solid 1px borderColor
     outline none
-    margin 100px auto 15px
+    margin 75px auto 20px
     &:focus
       border-color iptFocusBorderColor
   .colorSelect
     text-align center
     .option
       cursor pointer
-      .FolderMark
-        padding 5px
       font-size 22px
-        height 33px
+      height 48px
-        width 33px
+      width 48px
-        overflow hidden
+      margin 0 2px
-        line-height 33px
-        transition 0.1s
       border 1px solid transparent
       border-radius 5px
-        margin 0 2px
+      overflow hidden
+      line-height 45px
+      text-align center
+      transition 0.1s
+      display inline-block
       &:hover
         border-color borderColor
+        font-size 28px
       &.active
         font-size 28px
         border-color iptFocusBorderColor

lib/components/modal/CreateNewFolder.js

@@ -62,13 +62,12 @@ export default class CreateNewFolder extends React.Component {
       colorIndexes.push(i)
     }
     let colorElements = colorIndexes.map(index => {
-      let className = index === this.state.color
+      let className = 'option'
-        ? 'active'
+      if (index === this.state.color) className += ' active'
-        : null
 
       return (
-        <span className='option' key={index} onClick={e => this.handleColorClick(index)(e)}>
+        <span className={className} key={index} onClick={e => this.handleColorClick(index)(e)}>
-          <FolderMark className={className} color={index}/>
+          <FolderMark color={index}/>
         </span>
       )
     })