modify: fix style for detail info

Author: sota1235

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'

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

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'

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