:art: tweaking reverse ordering for list | undoing reverse order on large pages

vue-theme/src/pages/list.vue

@@ -208,7 +208,8 @@ export default {
 @import '../sss/variables.sss'
 @import '../sss/theme.sss'
 .page--list 
-    flex-direction: column-reverse
+    /* Puts the aside bar on top */
+    flex-direction: column-reverse !important
     article
         > header
             padding: 1em
@@ -243,13 +244,15 @@ export default {
             align-items: start
             /* This is important for how the grid lines up to the page */
             justify-content: right 
-            .post img
-                width: 100%
+            .post 
+                min-width: 177px
+                img
+                    width: 100%
 
 @media (min-width: $medium)
     .page--list
         &.f-col
-            flex-direction: row
+            flex-direction: row !important
         > article
             margin: 0 $ms--2 0 0
             .posts.is-grid