fix layout of not_found.html

lib/views/not_found.html

@@ -27,6 +27,10 @@
 {% block content_main %}
 
 {% block content_main_before %}
+  <h2 class="message-not-found text-muted">
+    <i class="fa fa-info-circle" aria-hidden="true"></i>
+    Page is not found
+  </h2>
 {% endblock %}
 
 <div id="content-main" class="content-main content-main-not-found page-list"
@@ -42,11 +46,6 @@
   data-csrftoken="{{ csrf() }}"
   >
 
-  <h2 class="message-not-found text-muted">
-    <i class="fa fa-info-circle" aria-hidden="true"></i>
-    Page is not found
-  </h2>
-
   <ul class="nav nav-tabs hidden-print">
     <li class="active"><a href="#revision-body" data-toggle="tab">{{ t('List View') }}</a></li>
 

resource/css/_page.scss

@@ -373,11 +373,16 @@
 
 } // }}}
 
-.crowi.main-container .content-main.content-main-not-found {
+// for not_found.html
+.crowi.main-container {
   .message-not-found {
     margin-top: 10px;
+    margin-left: 16px;
   }
-  .nav {
-    margin-top: 30px;
+
+  .content-main.content-main-not-found {
+    .nav {
+      margin-top: 16px;
+    }
   }
 }

resource/css/_page_crowi-plus.scss

@@ -36,6 +36,19 @@
   }
 }
 
+// for not_found.html
+.crowi-plus.main-container {
+  .message-not-found {
+    margin-left: 0;
+  }
+
+  .content-main.content-main-not-found {
+    .nav {
+      margin-top: 32px;
+    }
+  }
+}
+
 .crowi-plus .crowi-plus-widget.page-list-container {
   margin-top: 30px;