change id

src/client/js/components/Page/EditTagModal.jsx

@@ -51,13 +51,21 @@ export default class EditTagModal extends React.Component {
   }
 
   render() {
+    // TODO GC-1391 activate
+    const tagButtonStyle = {
+      height: '19px',
+      width: '30px',
+      marginLeft: '0.5em',
+      padding: '0 2px',
+    };
+
     return (
       <span className="btn-tag-container">
         <OverlayTrigger
           key="tooltip"
           placement="bottom"
           overlay={(
-            <Tooltip id="tooltip-bottom">
+            <Tooltip id="tag-tooltip" className="tooltip">
               {this.state.currentPageTags.length !== 0 ? this.state.currentPageTags.join() : 'tag is not set' }
             </Tooltip>
           )}
@@ -66,7 +74,7 @@ export default class EditTagModal extends React.Component {
             variant="primary"
             onClick={this.handleShowModal}
             className="btn btn-default btn-tag"
-            style={this.props.style}
+            style={tagButtonStyle}
           >
             <i className="fa fa-tags"></i>{this.state.currentPageTags.length}
           </Button>
@@ -93,6 +101,5 @@ export default class EditTagModal extends React.Component {
 EditTagModal.propTypes = {
   crowi: PropTypes.object.isRequired,
   pageId: PropTypes.string,
-  style: PropTypes.object,
   sendTagData: PropTypes.func,
 };

src/client/styles/scss/_on-edit.scss

@@ -346,13 +346,14 @@ body.on-edit {
   color: $text-muted;
 }
 
-#tooltip-bottom>.tooltip-inner {
-  font-size: 1.2em;
-  background-color: #fff;
-  color: #000;
-  border: 1px solid #ccc;
-}
+#tag-tooltip {
+  .tooltip-inner {
+    background-color: #fff;
+    color: #000;
+    border: 1px solid #ccc;
+  }
 
-#tooltip-bottom>.tooltip-arrow {
-  border-bottom: 5px solid #ccc;
+  .tooltip-arrow {
+    border-bottom: 5px solid #ccc;
+  }
 }