Kiera update for mobile

1 files changed, 17 insertions, 1 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
index e3cb7e3..5f1379e 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -33,7 +33,7 @@ time {
 @media only screen and (max-width: 800px) {
   #container > * {
     width: auto;
-    margin: 0 3em;
+    margin: 0 1.2em;
   }
 }
 
@@ -61,6 +61,15 @@ time {
   margin-left: 1em;
 }
 
+@media only screen and (max-width: 800px) {
+  #container header ul {
+    float: none;
+  }
+  #container header ul li {
+    margin: 0 1em 0 0;
+  }
+}
+
 #container nav {
   border-bottom: solid 3px #cecece;
   padding-bottom: 0.5em;
@@ -329,6 +338,13 @@ blockquote::before {
   top: 0;
 }
 
+@media only screen and (max-width: 800px) {
+  blockquote {
+    margin: 1em 0;
+    padding: 0.5em;
+  }
+}
+
 dl dd {
   font-style: italic;
 }