WIP: reconstruct layouts

* timeline

lib/views/widget/page_list_and_timeline.html

@@ -23,11 +23,15 @@
 
     {# timeline view #}
     {% if isEnabledTimeline() %}
-    <div class="tab-pane" id="view-timeline" data-shown=0>
+    <div class="tab-pane m-t-30" id="view-timeline" data-shown=0>
       {% for page in pages %}
       <div class="timeline-body" id="id-{{ page.id }}" data-page-path="{{ page.path }}">
-        <h3 class="revision-path"><a href="{{ page.path }}">{{ page.path }}</a></h3>
-        <div class="revision-body wiki"></div>
+        <div class="panel panel-default">
+          <div class="panel-heading"><a href="{{ page.path }}">{{ page.path }}</a></div>
+          <div class="panel-body">
+            <div class="revision-body wiki"></div>
+          </div>
+        </div>
         <script type="text/template">{{ page.revision.body }}</script>
       </div>
       <hr>

resource/styles/scss/_override-agileadmin.scss

@@ -129,6 +129,7 @@ button.btn.btn-link:hover {
 .panel {
   .panel-heading {
     padding: 7px 15px;
+    text-transform: none;
   }
   .panel-body {
     padding: 15px;

resource/styles/scss/_page_list.scss

@@ -1,21 +1,4 @@
 
-.main-container .main .timeline-body { // {{{
-  .revision-path {
-    margin-top: 1.6em;
-    margin-bottom: 0;
-    border: solid 2px #ddd;
-    border-bottom: none;
-    padding: 16px;
-    background: #ddd;
-  }
-  .revision-body {
-    font-size: 14px;
-    border: solid 2px #ddd;
-    padding: 16px;
-    background: #fdfdfd;
-  }
-} // }}}
-
 .page-list {
   .page-list-container {
     line-height: 1.6em;