From 05c512de4638aa83255d78e1df75402f992e070b Mon Sep 17 00:00:00 2001
From: Danielle McLean <dani@00dani.me>
Date: Mon, 9 Oct 2017 20:06:19 +1100
Subject: [PATCH] Make the home layout work properly on narrow screens

---
 templates/default-layout.cassius |  1 +
 templates/home.cassius           | 14 +++++++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/templates/default-layout.cassius b/templates/default-layout.cassius
index 07ba532..23318e7 100644
--- a/templates/default-layout.cassius
+++ b/templates/default-layout.cassius
@@ -16,6 +16,7 @@ body
     padding-bottom: 1em
     display: flex
     justify-content: space-evenly
+    margin: auto 1em
 #navbar
   justify-content: space-between
 .breadcrumb
diff --git a/templates/home.cassius b/templates/home.cassius
index 04f34c3..fda99ea 100644
--- a/templates/home.cassius
+++ b/templates/home.cassius
@@ -1,11 +1,19 @@
 body > main
   display: flex
-  flex-direction: row-reverse
+  flex-direction: column
+  align-items: center
   > ol.h-feed
     flex: 1
-    margin-right: 2em;
   > .author
-    max-width: 30%
+    max-width: 25rem
+    margin-bottom: 2em
     > .h-card
       position: sticky
       top: 1em
+
+@media (min-width: 768px)
+  body > main
+    flex-direction: row-reverse
+    align-items: flex-start
+    > ol.h-feed
+      margin-right: 2em