I added some more styles to the side nav

I styled the side nav to make it stand out more.

diff --git a/css/app.css b/css/app.css
index 421cbe3..cea2420 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6989,11 +6989,18 @@ main#golf-template img.orb-shadow {
       top: -6px; } }
 main#golf-template #content-wrapper {
   top: 0; }
-main#golf-template #quicknav h1 {
-  font-size: 1.875rem; }
-main#golf-template #quicknav ul.sidenav {
-  list-style: none;
-  margin-left: 0; }
+main#golf-template #quicknav {
+  background: #690433; }
+  main#golf-template #quicknav h1 {
+    font-size: 1.875rem;
+    color: #FFFFFF; }
+  main#golf-template #quicknav ul.sidenav {
+    list-style: none;
+    margin: 0; }
+    main#golf-template #quicknav ul.sidenav li {
+      padding: 7.5px 0; }
+      main#golf-template #quicknav ul.sidenav li a {
+        color: #FFFFFF; }
 
 main.search-results #head-img {
   margin: -280px auto 0; }

diff --git a/scss/_main.scss b/scss/_main.scss
index 0891801..b7c51ff 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -380,12 +380,20 @@ main#golf-template{
         top: 0;
     }
     #quicknav {
+        background: $maroon;
         h1 {
             font-size: rem-calc(30);
+            color: $white;
         }
         ul.sidenav {
             list-style: none;
-            margin-left: 0;
+            margin: 0;
+            li {
+                padding: 7.5px 0;
+                a {
+                    color: $white;
+                }
+            } 
         }
     }
 }