From 58008c3ca1e39c4dcb2712c6ef0f7a7fd19c1b49 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sun, 28 Jan 2018 15:53:49 -0800
Subject: [PATCH] fix nav display on small screens

---
 routes/_components/Nav.html     | 6 +++---
 routes/_components/NavItem.html | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/routes/_components/Nav.html b/routes/_components/Nav.html
index 8951c2cb..8ad22e5c 100644
--- a/routes/_components/Nav.html
+++ b/routes/_components/Nav.html
@@ -43,11 +43,11 @@
 		align-items: center;
 	}
 
-	@media (max-width: 767px) {
+  @media (max-width: 767px) {
     .main-nav li {
-      flex-basis: 100%;
+      flex: 1;
     }
-	}
+  }
 
 </style>
 <script>
diff --git a/routes/_components/NavItem.html b/routes/_components/NavItem.html
index 02c781cf..ac9df080 100644
--- a/routes/_components/NavItem.html
+++ b/routes/_components/NavItem.html
@@ -63,6 +63,9 @@
       width: 25px;
       height: 25px;
     }
+    .main-nav-link {
+      padding: 25px 0;
+    }
   }
 </style>
 <script>