WIP: apply bootstrap theme

* buttons
    * copy, edit

lib/views/crowi-plus/widget/header.html

@@ -13,11 +13,11 @@
       {% if page %}
       <div class="flex-item-action">
         {% if user %}
-        <a
+        <button
             data-csrftoken="{{ csrf() }}"
             data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
             class="like-button btn btn-default btn-outline btn-circle {% if page.isLiked(user) %}active{% endif %}"
-        ><i class="fa fa-thumbs-o-up"></i></a>
+        ><i class="fa fa-thumbs-o-up"></i></button>
         {% endif %}
       </div>
       <div class="flex-item-action">

lib/views/page.html

@@ -22,7 +22,7 @@
         <button
             data-csrftoken="{{ csrf() }}"
             data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
-            class="like-button btn btn-default btn-sm {% if page.isLiked(user) %}active{% endif %}"
+            class="like-button btn btn-default btn-outline btn-circle {% if page.isLiked(user) %}active{% endif %}"
         ><i class="fa fa-thumbs-o-up"></i></button>
         {% endif %}
       </div>

lib/views/page_list.html

@@ -42,7 +42,7 @@
         <button
             data-csrftoken="{{ csrf() }}"
             data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
-            class="like-button btn btn-default btn-sm {% if page.isLiked(user) %}active{% endif %}"
+            class="like-button btn btn-default btn-outline btn-circle {% if page.isLiked(user) %}active{% endif %}"
         ><i class="fa fa-thumbs-o-up"></i></button>
         {% endif %}
       </div>

lib/views/widget/page_side_header.html

@@ -36,7 +36,7 @@
         <button
           data-csrftoken="{{ csrf() }}"
           data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
-          class="like-button btn btn-default btn-sm {% if page.isLiked(user) %}active{% endif %}"
+          class="like-button btn btn-default btn-outline btn-circle {% if page.isLiked(user) %}active{% endif %}"
           ><i class="fa fa-thumbs-o-up"></i> {{ t('Like!') }}</button>
         {% endif %}
         </p>

resource/js/components/Page/RevisionPath.js

@@ -74,7 +74,7 @@ export default class RevisionPath extends React.Component {
       marginRight: "0.2em",
     }
     const editButtonStyle = {
-      fontSize: "0.6em",
+      fontSize: "0.5em",
       marginLeft: "0.5em",
       padding: "0 2px",
     };
@@ -106,9 +106,9 @@ export default class RevisionPath extends React.Component {
         </span>
         {afterElements}
         <CopyButton buttonId="btnCopyRevisionPath" text={this.props.pagePath}
-            buttonClassName="btn btn-default btn-copy" iconClassName="fa fa-clone" />
+            buttonClassName="btn btn-default btn-copy" iconClassName="ti-layers" />
         <a href="#edit-form" className="btn btn-default btn-edit" style={editButtonStyle}>
-          <i className="fa fa-edit"></i>
+          <i className="ti-pencil-alt"></i>
         </a>
       </span>
     );