header title wording and mobile styling edits

vue-theme/src/pages/list.vue

@@ -4,9 +4,9 @@
 
         header.center.t-up
             .title.f-row
-                h3 {{ type }} list
+                h3 {{ type }}s 
                 span(v-if="sortBy")
-                    h3  sorted {{ sortBy.replace('-', ' ') }}
+                    h3 {{ sortBy.replace('-', ' ') }}
 
             h3(v-if="!loaded") loading...
             .content(
@@ -223,6 +223,10 @@ export default {
             > .content
                 padding: 0
                 width: 100%
+            .title.f-row
+                /* flex-direction: column  */
+                justify-content: flex-start
+
         > footer
             padding: $ms-0
 
@@ -260,6 +264,11 @@ export default {
             flex-direction: row !important
         > article
             margin: 0 $ms--2 0 0
+            header 
+                .title.f-row
+                    flex-direction: row 
+                    justify-content: center
+
             .posts.is-grid
                 grid-template-columns: repeat(3, 1fr)
                 .post.inbetween