From 0f8eaaf750b4e9e1bc74419d70be7973f25b034a Mon Sep 17 00:00:00 2001
From: Rokt33r <fluke8259@gmail.com>
Date: Sun, 19 Jul 2015 22:08:20 +0900
Subject: [PATCH] fix minor design

---
 browser/main/Components/PlanetHeader.jsx         |  2 +-
 browser/main/Components/PlanetNavigator.jsx      |  2 +-
 .../styles/main/containers/PlanetContainer.styl  | 11 ++++++++---
 browser/styles/main/index.styl                   |  4 ++--
 browser/styles/shared/btn.styl                   | 16 +++++++++-------
 5 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/browser/main/Components/PlanetHeader.jsx b/browser/main/Components/PlanetHeader.jsx
index 72cef356..515cd489 100644
--- a/browser/main/Components/PlanetHeader.jsx
+++ b/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>
     )
   }
diff --git a/browser/main/Components/PlanetNavigator.jsx b/browser/main/Components/PlanetNavigator.jsx
index 318d3515..ba8e29fb 100644
--- a/browser/main/Components/PlanetNavigator.jsx
+++ b/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>
diff --git a/browser/styles/main/containers/PlanetContainer.styl b/browser/styles/main/containers/PlanetContainer.styl
index bbe0bb68..9ade02d6 100644
--- a/browser/styles/main/containers/PlanetContainer.styl
+++ b/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
diff --git a/browser/styles/main/index.styl b/browser/styles/main/index.styl
index fb04df1b..44b31a80 100644
--- a/browser/styles/main/index.styl
+++ b/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()
diff --git a/browser/styles/shared/btn.styl b/browser/styles/shared/btn.styl
index 92828f87..e148716b 100644
--- a/browser/styles/shared/btn.styl
+++ b/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