Fix: minor features

設定ボタンアイコンの変更
削除Modalでcmd+enterの使用
検索バーデザイン

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>

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>

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>