sum include in button

src/client/js/components/BookmarkButton.jsx

@@ -36,20 +36,18 @@ class BookmarkButton extends React.Component {
     }
 
     return (
-      <div className={`d-flex btn-bookmark-erea ${pageContainer.state.isBookmarked ? 'active' : ''}`}>
-        <button
-          type="button"
-          onClick={this.handleClick}
-          className={`btn btn-bookmark border-0
+      <button
+        type="button"
+        onClick={this.handleClick}
+        className={`btn btn-bookmark border-0
           ${`btn-${this.props.size}`}
           ${pageContainer.state.isBookmarked ? 'active' : ''}`}
-        >
-          <i className="icon-star"></i>
-        </button>
-        <div className="total-bookmarks mr-2">
+      >
+        <i className="icon-star mr-3"></i>
+        <span className="total-bookmarks">
           {pageContainer.state.sumOfBookmarks}
-        </div>
-      </div>
+        </span>
+      </button>
     );
   }
 

src/client/js/components/LikeButton.jsx

@@ -45,19 +45,17 @@ class LikeButton extends React.Component {
     }
 
     return (
-      <div className={`d-flex btn-like-erea ${pageContainer.state.isLiked ? 'active' : ''}`}>
-        <button
-          type="button"
-          onClick={this.handleClick}
-          className={`btn btn-like border-0 d-edit-none
+      <button
+        type="button"
+        onClick={this.handleClick}
+        className={`btn btn-like border-0 d-edit-none
         ${pageContainer.state.isLiked ? 'active' : ''}`}
-        >
-          <i className="icon-like"></i>
-        </button>
-        <div className="total-likes mr-2">
+      >
+        <i className="icon-like mr-3"></i>
+        <span className="total-likes">
           {pageContainer.state.sumOfLikers}
-        </div>
-      </div>
+        </span>
+      </button>
     );
   }