From 211fd8b28ab831ad3f2f6823a735c841af8053cf Mon Sep 17 00:00:00 2001
From: Rokt33r <fluke8259@gmail.com>
Date: Thu, 30 Jul 2015 00:00:45 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20minor=20features=20=E8=A8=AD=E5=AE=9A?=
 =?UTF-8?q?=E3=83=9C=E3=82=BF=E3=83=B3=E3=82=A2=E3=82=A4=E3=82=B3=E3=83=B3?=
 =?UTF-8?q?=E3=81=AE=E5=A4=89=E6=9B=B4=20=E5=89=8A=E9=99=A4Modal=E3=81=A7c?=
 =?UTF-8?q?md+enter=E3=81=AE=E4=BD=BF=E7=94=A8=20=E6=A4=9C=E7=B4=A2?=
 =?UTF-8?q?=E3=83=90=E3=83=BC=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/Components/BlueprintDeleteModal.jsx  |  5 ++++-
 browser/main/Components/PlanetHeader.jsx      |  8 +++----
 .../main/Components/SnippetDeleteModal.jsx    |  8 +++++--
 .../main/containers/PlanetContainer.styl      | 21 ++++++-------------
 browser/styles/mixins/btn.styl                |  1 -
 browser/styles/shared/modal.styl              |  1 +
 browser/styles/vars.styl                      |  2 +-
 7 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/browser/main/Components/BlueprintDeleteModal.jsx b/browser/main/Components/BlueprintDeleteModal.jsx
index 1b524d7b..193e5f9f 100644
--- a/browser/main/Components/BlueprintDeleteModal.jsx
+++ b/browser/main/Components/BlueprintDeleteModal.jsx
@@ -7,6 +7,9 @@ var BlueprintDeleteModal = React.createClass({
     close: React.PropTypes.func,
     blueprint: React.PropTypes.object
   },
+  componentDidMount: function () {
+    React.findDOMNode(this).focus()
+  },
   stopPropagation: function (e) {
     e.stopPropagation()
   },
@@ -21,7 +24,7 @@ var BlueprintDeleteModal = React.createClass({
   },
   render: function () {
     return (
-      <div onKeyDown={this.handleKeyDown} onClick={this.stopPropagation} className='BlueprintDeleteModal modal'>
+      <div tabIndex='3' onKeyDown={this.handleKeyDown} onClick={this.stopPropagation} className='BlueprintDeleteModal modal'>
         <div className='modal-header'>
           <h1>Delete Blueprint</h1>
         </div>
diff --git a/browser/main/Components/PlanetHeader.jsx b/browser/main/Components/PlanetHeader.jsx
index 42feb97d..c1d78991 100644
--- a/browser/main/Components/PlanetHeader.jsx
+++ b/browser/main/Components/PlanetHeader.jsx
@@ -27,15 +27,15 @@ var PlanetHeader = React.createClass({
         <div className='headerLabel'>
           <span className='userName'>{currentUserName}</span><br/>
           <span className='planetName'>{currentPlanetName}</span>
-          <button onClick={this.props.openSettingModal} className={'menuBtn'}>
-            <i className='fa fa-gears'></i>
+          <button onClick={this.props.openSettingModal} className='menuBtn'>
+            <i className='fa fa-chevron-down'></i>
           </button>
         </div>
         <div className='headerControl'>
-          <span className='searchInput'>
+          <div className='searchInput'>
             <i className='fa fa-search'/>
             <input onChange={this.props.onSearchChange} value={this.props.search} ref='search' tabIndex='1' type='text' className='inline-input circleInput' placeholder='Search...'/>
-          </span>
+          </div>
           <a className='downloadButtton btn-primary'>Download Mac app</a>
         </div>
       </div>
diff --git a/browser/main/Components/SnippetDeleteModal.jsx b/browser/main/Components/SnippetDeleteModal.jsx
index 041b75c6..8f389632 100644
--- a/browser/main/Components/SnippetDeleteModal.jsx
+++ b/browser/main/Components/SnippetDeleteModal.jsx
@@ -7,11 +7,15 @@ var SnippetDeleteModal = React.createClass({
     close: React.PropTypes.func,
     snippet: React.PropTypes.object
   },
+  componentDidMount: function () {
+    React.findDOMNode(this).focus()
+  },
   stopPropagation: function (e) {
     e.stopPropagation()
   },
   handleKeyDown: function (e) {
-    if ((e.keyCode === 13 && e.metaKey)) {
+    console.log(e)
+    if (e.keyCode === 13 && e.metaKey) {
       e.preventDefault()
       this.submit()
     }
@@ -21,7 +25,7 @@ var SnippetDeleteModal = React.createClass({
   },
   render: function () {
     return (
-      <div onKeyDown={this.handleKeyDown} onClick={this.stopPropagation} className='SnippetDeleteModal modal'>
+      <div tabIndex='3' onKeyDown={this.handleKeyDown} onClick={this.stopPropagation} className='SnippetDeleteModal modal'>
         <div className='modal-header'>
           <h1>Delete Snippet</h1>
         </div>
diff --git a/browser/styles/main/containers/PlanetContainer.styl b/browser/styles/main/containers/PlanetContainer.styl
index f0fa87d1..1331e2ce 100644
--- a/browser/styles/main/containers/PlanetContainer.styl
+++ b/browser/styles/main/containers/PlanetContainer.styl
@@ -1,4 +1,3 @@
-
 .PlanetContainer
   absolute top bottom right
   left 50px
@@ -50,30 +49,20 @@
         color darken(brandBorderColor, 30%)
     .menuBtn
       position absolute
-      top 10px
+      top 15px
       right 5px
       font-size 1em
-      color lightButtonColor
-      border none
+      btnDefault()
       box-sizing border-box
       circle()
-      background-image none
-      background-color transparent
-      width 44px
-      height 44px
+      width 33px
+      height 33px
       text-align center
       cursor pointer
       transition 0.1s
       transform scale(0.8)
       &:focus, &.focus
         outline none
-      &:hover, &.hover, &:focus, &.focus
-        border-color darken(lightButtonColor, 50%)
-        color darken(lightButtonColor, 50%)
-      &:active, &.active
-        border-color darken(brandBorderColor, 30%)
-        background-color brandColor
-        color white
   .headerControl
     absolute top bottom right
     left 200px
@@ -84,10 +73,12 @@
       left 0
       input
         padding-left 32px
+        width 300px
       .fa
         position absolute
         top 8px
         left 12px
+        color inactiveTextColor
     .downloadButtton
       position absolute
       right 5px
diff --git a/browser/styles/mixins/btn.styl b/browser/styles/mixins/btn.styl
index 22dc57b4..200dabdc 100644
--- a/browser/styles/mixins/btn.styl
+++ b/browser/styles/mixins/btn.styl
@@ -13,7 +13,6 @@ btnDefault()
     background-color brandColor
     color white
 
-
 btnPrimary()
   border-style solid
   border-width 1px
diff --git a/browser/styles/shared/modal.styl b/browser/styles/shared/modal.styl
index 5f54d4c1..adc3935e 100644
--- a/browser/styles/shared/modal.styl
+++ b/browser/styles/shared/modal.styl
@@ -126,6 +126,7 @@
         margin 40px auto
         font-size 1.5em
         color brandColor
+        text-align center
       nav
         button
           font-size 1em
diff --git a/browser/styles/vars.styl b/browser/styles/vars.styl
index 0422be42..06de6ecb 100644
--- a/browser/styles/vars.styl
+++ b/browser/styles/vars.styl
@@ -13,7 +13,7 @@ hoverBackgroundColor= transparentify(#444, 3%)
 inactiveTextColor = #888
 textColor = #4D4D4D
 backgroundColor= white
-fontSize= 16px
+fontSize= 14px
 
 shadowColor= #C5C5C5