Move button text out of font-awesome icon element

ZeroarcSoftware · Feb 3, 2017 · 3802718 · 3802718
1 parent 7cdfcdc
commit 3802718
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/Content.jsx b/src/Content.jsx
@@ -64,8 +64,8 @@ export default class Content extends React.Component {
         <div style={shadowStyle} className={shadowClasses}></div>
         <div className={contentClasses} onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut}>
           <div className={controlClasses}>
-            <button className='delete' onClick={this.handleDeleteClick}><i className='fa fa-times'> Delete</i></button>
-            <button className='edit' onClick={this.handleEditClick}><i className='fa fa-pencil'> Edit</i></button>
+            <button className='delete' onClick={this.handleDeleteClick}><i className='fa fa-fw fa-times'></i> Delete</button>
+            <button className='edit' onClick={this.handleEditClick}><i className='fa fa-fw fa-pencil'></i> Edit</button>
           </div>
           <div className='cd-annotation-content-text'>
             {this.props.content}

diff --git a/src/Input.jsx b/src/Input.jsx
@@ -68,8 +68,8 @@ export default class Input extends React.Component {
             onBlur={this.handleBlur}
           />
           <div className='cd-annotation-input-controls'>
-            <button className={cancelClasses} onClick={this.handleCancelClick}><i className='fa fa-times'></i> Cancel</button>
-            <button className={saveClasses} onClick={this.handleSaveClick}><i className='fa fa-check'></i> Save</button>
+            <button className={cancelClasses} onClick={this.handleCancelClick}><i className='fa fa-fw fa-times'></i> Cancel</button>
+            <button className={saveClasses} onClick={this.handleSaveClick}><i className='fa fa-fw fa-check'></i> Save</button>
           </div>
         </div>
       </div>