WIP: apply bootstrap theme

* apply Simple Line Icons

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

@@ -2,7 +2,7 @@
 
   <div class="page-comments col-lg-7 col-md-9">
 
-    <h4><i class="ti-comment-alt"></i> Comments</h4>
+    <h4><i class="icon-fw icon-bubbles"></i> Comments</h4>
 
     <div class="page-comments-list" id="page-comments-list">
       {# transplanted to PageComments React component -- 2017.06.02 Yuki Takei

resource/js/components/HeaderSearchBox/SearchForm.js

@@ -64,8 +64,8 @@ export default class SearchForm extends React.Component {
               placeholder="Search ..."
             />
             <InputGroup.Button>
-              <Button href="#" type="submit" bsStyle="link">
-                <i className="ti-search"></i>
+              <Button type="submit" bsStyle="link">
+                <i className="icon-magnifier"></i>
               </Button >
             </InputGroup.Button>
           </InputGroup>

resource/js/components/SearchTypeahead.js

@@ -128,9 +128,9 @@ export default class SearchTypeahead extends React.Component {
     let isHidden = (this.state.input.length === 0);
 
     return isHidden ? <span></span> : (
-      <a className="btn btn-link search-top-clear" onClick={this.restoreInitialData} hidden={isHidden}>
-        <i className="fa fa-times-circle" />
-      </a>
+      <button className="btn btn-link search-top-clear" onClick={this.restoreInitialData} hidden={isHidden}>
+        <i className="icon-close" />
+      </button>
     );
   }
 

resource/styles/scss/_search.scss

@@ -34,7 +34,7 @@
     position: absolute;
     top: 0;
     right: 0;
-    a {
+    .btn {
       padding: 4px 10px;
     }
   }