layout adjust - template order in header

vue-theme/src/pages/list.vue

 <template lang="pug">
 .page--list.f-col.between
     article.f-grow
-        //- breadcrumb links here at top of page probably not needed for list page as its obvious - delete probably       
-        h5.t-up {{ type }}
 
-        header.f-col.center.t-up
+        header.center.t-up
+            //- breadcrumb links here at top of page probably not needed for list page as its obvious - delete probably       
+            breadcrumb.f-row.start
+                router-link(:to="`/${type}`")
+                    h5.t-up {{ type }}
+
             .title.f-row
                 h3 {{ type }} list
                 span(v-if="sortBy")
             p {{ `${type} count: ${Object.values(posts).length}` }}
             p {{ `show sidebar: ${sidebar}` }}
         
-    sidebar(v-if="sidebar" :type="`${type}`")
-        .shadow.t-up
-            h3 Upcoming {{ type }}
-            div
-                p upcoming title
-                p date-from: date-to: 
-                p location
-                br
-                p upcoming title
-                p date-from: date-to: 
-                p location
+    sidebar(v-if="sidebar" :type="`${type}`" layout="list")
+        //- .shadow.t-up
+        //-     h3 Upcoming {{ type }}
+        //-     div
+        //-         p upcoming title
+        //-         p date-from: date-to: 
+        //-         p location
+        //-         br
+        //-         p upcoming title
+        //-         p date-from: date-to: 
+        //-         p location
 
 </template>
 
     /* background-color: white */
     article
         > header
-            padding: 1em 0 1em 0
+            /* padding: 1em 0 1em 0 */
+            padding: 1em
             > h1
                 margin: 0
             > .content