From 142a0421234a3f5a8e77da549f81d9ae3771ffeb Mon Sep 17 00:00:00 2001
From: Tyler Hallada <tyler@hallada.net>
Date: Thu, 24 Jul 2014 13:55:35 -0400
Subject: [PATCH] Optimizing style for mobile, responsiveness

---
 css/main.css | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/css/main.css b/css/main.css
index f0ad80a..260aaee 100755
--- a/css/main.css
+++ b/css/main.css
@@ -253,20 +253,41 @@ div.pagination {
   border: 1px solid #ddd;
   background-color: #eef;
   padding: 0 .4em;
+  white-space: pre;
+}
+
+@media (min-width: 40rem) {
+  .post pre {
+    white-space: pre-wrap;
+  }
 }
 
 .post ul, .post ol {
-  margin-left: 1.35em;
+  margin-left: 0;
+  padding-left: 20px;
+}
+
+@media (min-width: 40rem) {
+  .post ul, .post ol {
+    margin-left: 1.35em;
+    padding-left: 40px;
+  }
 }
 
 .post code {
   border: 1px solid #ddd;
   background-color: #eef;
   padding: 0 .2em;
-  font-size: 10pt;
+  font-size: 8pt;
   font-family: 'dejavu_sans_monobook', Courier, monospace;
 }
 
+@media (min-width: 40rem) {
+  .post code {
+    font-size: 10pt;
+  }
+}
+
 .post pre code {
   border: none;
   padding: 0;