fix minor design

Author: Rokt33r

browser/main/Components/PlanetHeader.jsx

@@ -56,7 +56,7 @@ var PlanetHeader = React.createClass({
           <i className='fa fa-search'/>
           <input onKeyDown={this.handleKeyDown} onChange={this.handleChange} value={this.state.search} ref='search' tabIndex='1' type='text' className='inline-input circleInput' placeholder='Search...'/>
         </span>
-        <a className='downloadBtn btn-primary'>Download Mac app</a>
+        <a className='downloadButtton btn-primary'>Download Mac app</a>
       </div>
     )
   }

browser/main/Components/PlanetNavigator.jsx

@@ -22,7 +22,7 @@ var PlanetNavigator = React.createClass({
   render: function () {
     return (
       <div className='PlanetNavigator'>
-        <button onClick={this.props.onOpenLaunchModal} className='btn-primary btn-block'>
+        <button onClick={this.props.onOpenLaunchModal} className='launchButton btn-primary btn-block'>
           <i className='fa fa-rocket fa-fw'/> Launch
         </button>
         <nav>

browser/styles/main/containers/PlanetContainer.styl

@@ -46,8 +46,8 @@
     &:focus, &.focus
       outline none
     &:hover, &.hover, &:focus, &.focus
-      border-color darken(lightButtonColor, 25%)
-      color darken(lightButtonColor, 25%)
+      border-color darken(lightButtonColor, 50%)
+      color darken(lightButtonColor, 50%)
     &:active, &.active
       border-color darken(brandBorderColor, 10%)
       background-color brandColor
@@ -63,13 +63,15 @@
       position absolute
       top 7px
       left 10px
-  .downloadBtn
+  .downloadButtton
     position relative
     float right
     top 5px
     padding 7px 25px
     box-sizing border-box
     line-height 30px
+    font-size 1em
+    border-radius 22px
   .dropDown
     z-index 500
     position fixed
@@ -106,6 +108,9 @@
   border-right solid 1px highlightenBorderColor
   padding 10px
   box-sizing border-box
+  .launchButton
+    border-radius 22px
+    font-size 1.1em
   nav
     a
       display block

browser/styles/main/index.styl

@@ -64,7 +64,7 @@ button
 
 .block-input, .inline-input
   border solid 1px borderColor
-  padding 0 15px
+  padding 0 10px
   font-size 1em
   height 33px
   border-radius 5px
@@ -90,7 +90,7 @@ textarea.block-input
   resize vertical
   height 125px
   border-radius 5px
-  padding 5px
+  padding 0 10px
 
 #content
   fullsize()

browser/styles/shared/btn.styl

@@ -1,12 +1,14 @@
 .btn-primary, .btn-default
   border-style solid
-  border-width 2px
+  border-width 1px
   background-image none
   height 44px
   padding 0 15px
-  border-radius 22px
+  border-radius 5px
   box-sizing border-box
-  font-size 1.1em
+  font-size 1em
+  font-family 'Lato'
+  font-weight 400
   transition 0.1s
   cursor pointer
   margin 0 5px
@@ -33,8 +35,8 @@
   background-color transparent
   color brandColor
   &:hover, &.hover, &:focus, &.focus
-    border-color darken(brandBorderColor, 10%)
-    color darken(brandColor, 10%)
+    border-color darken(brandBorderColor, 30%)
+    color darken(brandColor, 30%)
   &:active, &.active
     background-color brandColor
     color white
@@ -45,8 +47,8 @@
   color lightButtonColor
 
   &:hover, &.hover, &:focus, &.focus
-    border-color darken(lightButtonColor, 25%)
-    color darken(lightButtonColor, 25%)
+    border-color darken(lightButtonColor, 50%)
+    color darken(lightButtonColor, 50%)
   &:active, &.active
     border-color darken(brandBorderColor, 10%)
     background-color brandColor