From 1ee3dec0cccbea8480c51592b4d82b7bb7774982 Mon Sep 17 00:00:00 2001
From: sota1235 <sota1235@gmail.com>
Date: Wed, 21 Dec 2016 14:01:18 +0900
Subject: [PATCH] modify: fix style for detail info

---
 browser/main/Detail/MarkdownNoteDetail.js   | 13 +++++-------
 browser/main/Detail/MarkdownNoteDetail.styl | 22 +++------------------
 browser/main/Detail/SnippetNoteDetail.js    | 13 +++++-------
 browser/main/Detail/SnippetNoteDetail.styl  | 22 +++------------------
 4 files changed, 16 insertions(+), 54 deletions(-)

diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js
index abe0d08a..2dca7236 100644
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/browser/main/Detail/MarkdownNoteDetail.js
@@ -214,14 +214,11 @@ class MarkdownNoteDetail extends React.Component {
       >
         <div styleName='info'>
           <div styleName='info-left'>
-            <div styleName='info-left-bottom'>
-              <TagSelect
-                styleName='info-left-bottom-tagSelect'
-                ref='tags'
-                value={this.state.note.tags}
-                onChange={(e) => this.handleChange(e)}
-              />
-            </div>
+            <TagSelect
+              ref='tags'
+              value={this.state.note.tags}
+              onChange={(e) => this.handleChange(e)}
+            />
           </div>
           <div styleName='info-right'>
             <StarButton styleName='info-right-button'
diff --git a/browser/main/Detail/MarkdownNoteDetail.styl b/browser/main/Detail/MarkdownNoteDetail.styl
index 0e801787..da3fd0b6 100644
--- a/browser/main/Detail/MarkdownNoteDetail.styl
+++ b/browser/main/Detail/MarkdownNoteDetail.styl
@@ -1,4 +1,4 @@
-$info-height = 75px
+$info-height = 60px
 
 .root
   absolute top right bottom
@@ -15,23 +15,7 @@ $info-height = 75px
 .info-left
   float left
   padding 0 5px
-
-.info-left-top
-  height 40px
-  line-height 40px
-
-.info-left-top-folderSelect
-  display inline-block
-  height 34px
-  width 200px
-  vertical-align middle
-
-.info-left-bottom
-  height 30px
-
-.info-left-bottom-tagSelect
-  height 30px
-  line-height 30px
+  margin 18px 2px
 
 .info-right
   float right
@@ -43,7 +27,7 @@ $info-height = 75px
   navButtonColor()
   border $ui-border
   font-size 14px
-  margin 8px 2px
+  margin 13px 2px
   padding 0
   &:active
     border-color $ui-button--focus-borderColor
diff --git a/browser/main/Detail/SnippetNoteDetail.js b/browser/main/Detail/SnippetNoteDetail.js
index b28a4cea..dff4c3d4 100644
--- a/browser/main/Detail/SnippetNoteDetail.js
+++ b/browser/main/Detail/SnippetNoteDetail.js
@@ -522,14 +522,11 @@ class SnippetNoteDetail extends React.Component {
       >
         <div styleName='info'>
           <div styleName='info-left'>
-            <div styleName='info-left-bottom'>
-              <TagSelect
-                styleName='info-left-bottom-tagSelect'
-                ref='tags'
-                value={this.state.note.tags}
-                onChange={(e) => this.handleChange(e)}
-              />
-            </div>
+            <TagSelect
+              ref='tags'
+              value={this.state.note.tags}
+              onChange={(e) => this.handleChange(e)}
+            />
           </div>
           <div styleName='info-right'>
             <StarButton styleName='info-right-button'
diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl
index 3ecec069..58ce40c5 100644
--- a/browser/main/Detail/SnippetNoteDetail.styl
+++ b/browser/main/Detail/SnippetNoteDetail.styl
@@ -1,4 +1,4 @@
-$info-height = 75px
+$info-height = 60px
 
 .root
   absolute top bottom right
@@ -15,23 +15,7 @@ $info-height = 75px
 .info-left
   float left
   padding 0 5px
-
-.info-left-top
-  height 40px
-  line-height 40px
-
-.info-left-top-folderSelect
-  display inline-block
-  height 34px
-  width 200px
-  vertical-align middle
-
-.info-left-bottom
-  height 30px
-
-.info-left-bottom-tagSelect
-  height 30px
-  line-height 30px
+  margin 18px 2px
 
 .info-right
   float right
@@ -43,7 +27,7 @@ $info-height = 75px
   navButtonColor()
   border $ui-border
   font-size 14px
-  margin 8px 2px
+  margin 13px 2px
   padding 0
   &:active
     border-color $ui-button--focus-borderColor