From 6e52af8716db0a128a7cf4ab03205ee5478c1bf9 Mon Sep 17 00:00:00 2001
From: NeilBrommer <NeilBrommer@users.noreply.github.com>
Date: Tue, 12 Jun 2018 19:58:23 -0700
Subject: [PATCH] Move active menu item underline to the left on mobile

---
 static/css/main.css | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 133d0ca..6288bb3 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -24,14 +24,32 @@ body {
 	padding-bottom: 0.5rem;
 }
 
-.navbar-nav .nav-item.active {
-	padding-bottom: 0.25rem;
-	border-bottom: white 0.25rem solid;
+@media screen and (min-width: 768px) {
+	.navbar-nav .nav-item.active {
+		padding-bottom: 0.25rem;
+		border-bottom: white 0.25rem solid;
+	}
+}
+
+@media screen and (max-width: 767px) {
+	.navbar-nav .nav-item.active {
+		padding-left: 0.75rem;
+		border-left: white 0.25rem solid;
+	}
+
+	.navbar-nav .nav-item {
+		padding-left: 1rem;
+	}
+}
+
+.navbar {
+	padding-left: 0;
 }
 
 .navbar .navbar-brand {
 	margin-top: 0.5rem;
 	margin-bottom: 0.5rem;
+	padding-left: 1rem;
 }
 
 .card, .jumbotron {