From: Ian Kelling <ian@iankelling.org>
Date: Fri, 10 Mar 2017 13:23:48 +0000 (-0800)
Subject: better lists on mobile
X-Git-Url: https://iankelling.org/git/?a=commitdiff_plain;h=17dba3676e34470b962616e310f8f4585a697fa3;p=iankelling.org

better lists on mobile
---

diff --git a/css/main.scss b/css/main.scss
index 824ee50..e79d352 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -68,10 +68,15 @@ ul {
   list-style-type: none;
 }
 
+li {
+  // to compensate for no bullet points, we need extra space between list items
+  // in the case of small screens where they wrap.
+  margin-top: 12px;
+}
+
 .site-nav-list {
-  // for site index lists, bigger font, no indent, more space
+  // for site index lists, bigger font, no indent
   font-size: 22px;
-  line-height: 2;
   padding-left: 0;
 }