From 6231b8ad5708d1b183a4cd4441b5a9dcc19e494b Mon Sep 17 00:00:00 2001
From: sota1235 <sota1235@gmail.com>
Date: Wed, 21 Dec 2016 17:15:45 +0900
Subject: [PATCH] modify: fix size of removet tag button

---
 browser/main/Detail/TagSelect.js   | 2 +-
 browser/main/Detail/TagSelect.styl | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/browser/main/Detail/TagSelect.js b/browser/main/Detail/TagSelect.js
index 0b69a503..63f6f307 100644
--- a/browser/main/Detail/TagSelect.js
+++ b/browser/main/Detail/TagSelect.js
@@ -111,7 +111,7 @@ class TagSelect extends React.Component {
             <button styleName='tag-removeButton'
               onClick={(e) => this.handleTagRemoveButtonClick(tag)(e)}
             >
-              <i className='fa fa-times fa-fw'/>
+              <i className='fa fa-times fa-fw tag-removeButton-icon'/>
             </button>
           </span>
         )
diff --git a/browser/main/Detail/TagSelect.styl b/browser/main/Detail/TagSelect.styl
index 33713280..d4a01faf 100644
--- a/browser/main/Detail/TagSelect.styl
+++ b/browser/main/Detail/TagSelect.styl
@@ -9,7 +9,7 @@ $ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3)
 .tag
   display inline-block
   margin 0 2px
-  padding 0 10px
+  padding-left 10px
   vertical-align middle
   height 20px
   background-color $ui-white-theme-tag-bg
@@ -25,6 +25,7 @@ $ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3)
   padding 0
   border-style solid
   border-width 0
+  border-radius 20px
   line-height 18px
   background-color transparent
   color $ui-button-color
@@ -37,6 +38,10 @@ $ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3)
   &:focus
     border-color $ui-button--focus-borderColor
 
+.tag-removeButton-icon
+  width 5px
+  padding-right 4px
+
 .tag-label
   font-size 12px
   font-weight bold