Fix layout

browser/main/TopBar/TopBar.styl

@@ -26,6 +26,7 @@ $control-height = 34px
 .control-search-icon
   absolute top bottom left
   line-height 32px
+  padding-left 2px
   width 35px
   color $ui-inactive-text-color
   background-color $ui-noteList-backgroundColor
@@ -39,6 +40,9 @@ $control-height = 34px
     height 100%
     outline none
     border none
+    color $ui-text-color
+    font-size 16px
+    padding-bottom 2px
     background-color $ui-noteList-backgroundColor
 
 .control-search-optionList
@@ -92,9 +96,7 @@ $control-height = 34px
   width 32px
   height $control-height - 2
   navButtonColor()
-  border $ui-border
-  border-radius 32px
-  font-size 14px
+  font-size 16px
   line-height 28px
   padding 0
   &:active

browser/main/TopBar/index.js

@@ -216,7 +216,7 @@ class TopBar extends React.Component {
                 ref='searchInput'
                 value={this.state.search}
                 onChange={(e) => this.handleSearchChange(e)}
-                placeholder='Search'
+                placeholder=''
                 type='text'
                 className='searchInput'
               />
@@ -232,7 +232,7 @@ class TopBar extends React.Component {
           </div>
           <button styleName='control-newPostButton'
             onClick={(e) => this.handleNewPostButtonClick(e)}>
-            <i className='fa fa-plus' />
+            <i className='fa fa-pencil-square-o' />
             <span styleName='control-newPostButton-tooltip'>
               Make a Note {OSX ? '⌘' : '^'} + n
             </span>