WIP: apply bootstrap theme

* header layouts

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

@@ -38,7 +38,7 @@
             <div class="text-muted">{{ page.createdAt|datetz('Y/m/d H:i:s') }}</div>
           </div>
         </li>
-        <li>
+        <li class="m-t-5">
           <div class="creator-picture">
             <a href="{{ userPageRoot(page.lastUpdateUser) }}">
               <img src="{{ page.lastUpdateUser|default(author)|picture }}" class="picture img-circle"><br>

lib/views/page.html

@@ -182,7 +182,7 @@
         <a data-toggle="collapse" data-parent="#revision-toc" href="#revision-toc-content" class="revision-toc-head">{{ t('Table of Contents') }}</a>
         <div id="revision-toc-content" class="revision-toc-content collapse in"></div>
       </div>
-      <div id="page" class="m-t-5 m-l-5"></div>
+      <div id="page" class="m-t-15"></div>
     </div>
 
     {# edit form #}

lib/views/page_list.html

@@ -127,7 +127,7 @@
   </div>
   {% endif %}
     <div class="tab-pane {% if not req.body.pageForm %}active{% endif %}" id="revision-body">
-      <div id="page" class="m-t-5 m-l-5"></div>
+      <div id="page" class="m-t-15"></div>
     </div>
 
     <script type="text/template" id="raw-text-original">{{ page.revision.body }}</script>

resource/js/util/markdown-it/toc-and-anchor.js

@@ -10,7 +10,7 @@ export default class TocAndAnchorConfigurer {
   configure(md) {
     md.use(require('markdown-it-toc-and-anchor-with-slugid').default, {
         tocLastLevel: 3,
-        anchorLinkBefore: true,
+        anchorLinkBefore: false,
         anchorLinkSymbol: '',
         anchorLinkSymbolClassName: 'ti-link',
         anchorClassName: 'revision-head-link',

resource/styles/scss/_page_crowi-plus.scss

@@ -37,15 +37,9 @@
         font-size: 12px;
 
         .creator-picture {
-          width: 24px;
-          height: 24px;
           margin-right: 10px;
         }
       }
-
-      li:first-child {
-        margin-bottom: 10px;
-      }
     }
 
   }

resource/styles/scss/_wiki.scss

@@ -55,12 +55,6 @@ div.body {
   &:hover .revision-head-link,
   &:hover .revision-head-edit-button {
     visibility: unset;
-  }
-
-  .revision-head-link {
-    margin-left: -1em;
-  }
-  .revision-head-edit-button {
     margin-left: 0.5em;
   }
 
@@ -83,6 +77,7 @@ div.body {
     margin-top: 2em;
     padding-bottom: 0.3em;
     font-size: 1.8em;
+    line-height: 1.1em;
     border-bottom: solid 1px #ccc;
   }
   h2 {