apply btn-circle

src/client/js/components/BookmarkButton.jsx

@@ -78,7 +78,7 @@ export default class BookmarkButton extends React.Component {
         href="#"
         title="Bookmark"
         onClick={this.handleClick}
-        className={`btn-bookmark btn btn-default btn-circle btn-outline ${addedClassName}`}
+        className={`btn-bookmark btn btn-circle btn-outline-secondary ${addedClassName}`}
       >
         <i className="icon-star"></i>
       </button>

src/client/js/components/LikeButton.jsx

@@ -59,7 +59,7 @@ class LikeButton extends React.Component {
         href="#"
         title="Like"
         onClick={this.handleClick}
-        className={`btn-like btn btn-default btn-circle btn-outline ${addedClassName}`}
+        className={`btn-like btn btn-circle btn-outline-secondary ${addedClassName}`}
       >
         <i className="icon-like"></i>
       </button>

src/client/styles/scss/style-app.scss

@@ -12,6 +12,10 @@
 // override react-bootstrap-typeahead styles
 @import 'override-rbt';
 
+// atoms
+@import 'atoms/buttons';
+@import 'atoms/nav';
+
 // crowi component
 @import 'admin';
 @import 'attachments';
@@ -31,7 +35,6 @@
 @import 'layout_kibela';
 @import 'layout_variable';
 @import 'login';
-@import 'nav';
 @import 'notification';
 @import 'on-edit';
 @import 'page_list';