better lists on mobile

[iankelling.org] / css / main.scss

diff --git a/css/main.scss b/css/main.scss
index 824ee505b596eed1bac691986051183ea6def3c8..e79d352b17402ee1c2a3a8ab3e7b546d84f87e04 100644 (file)
--- a/css/main.scss
+++ b/css/main.scss
@@ -68,10 +68,15 @@ ul {
   list-style-type: none;
 }
 
   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 {
 .site-nav-list {

-  // for site index lists, bigger font, no indent, more space
+  // for site index lists, bigger font, no indent

   font-size: 22px;
   font-size: 22px;

-  line-height: 2;

   padding-left: 0;
 }
 
   padding-left: 0;
 }