better lists on mobile
[iankelling.org] / css / main.scss
index 824ee50..e79d352 100644 (file)
@@ -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;
 }