make nav smaller on mobile

1 files changed, 4 insertions, 1 deletions

diff --git a/static/css/style.css b/static/css/style.css
index f4e9219..24bda8e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -23,7 +23,7 @@ strong {
 .nav-bar {
     max-width: 48rem;
     width: 100%;
-    padding: 0.8em 0;
+    padding: 0.4em 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -367,6 +367,9 @@ footer {
     body {
         font-size: 1.125rem;
     }
+    .nav-bar {
+        padding: 0.8em 0;
+    }
     .list-header-title {
         font-weight: normal;
         font-size: 4.2em;