1 files changed, 32 insertions, 0 deletions
diff --git a/src/SMAPI.Web/wwwroot/Content/css/main.css b/src/SMAPI.Web/wwwroot/Content/css/main.css
index dcc7a798..52b304d0 100644
--- a/src/SMAPI.Web/wwwroot/Content/css/main.css
+++ b/src/SMAPI.Web/wwwroot/Content/css/main.css
@@ -72,6 +72,7 @@ a {
     color: #666;
 }
 
+#quickNav h4,
 #sidebar h4 {
     margin: 1.5em 0 0.2em 0;
     width: 10em;
@@ -80,11 +81,13 @@ a {
     font-weight: normal;
 }
 
+#quickNav a,
 #sidebar a {
     color: #77B;
     border: 0;
 }
 
+#quickNav ul, #quickNav li,
 #sidebar ul, #sidebar li {
     margin: 0;
     padding: 0;
@@ -93,10 +96,29 @@ a {
     color: #888;
 }
 
+#quickNav li,
 #sidebar li {
     margin-left: 1em;
 }
 
+/* quick navigation */
+
+#quickNav {
+    position: fixed;
+    left: 8px;
+    bottom: 3em;
+    width: 12em;
+    color: #666;
+}
+
+@media (max-height: 400px) {
+    #quickNav {
+        position: unset;
+        width: auto;
+    }
+}
+
+
 /* footer */
 #footer {
     margin: 1em;
@@ -111,11 +133,16 @@ a {
 
 /* mobile fixes */
 @media (min-width: 1020px) and (max-width: 1199px) {
+    #quickNav,
     #sidebar {
         width: 7em;
         background: none;
     }
 
+    #quickNav h4 {
+        width: unset;
+    }
+
     #content-column {
         left: 7em;
     }
@@ -138,4 +165,9 @@ a {
         top: inherit;
         left: inherit;
     }
+
+    #quickNav {
+        position: unset;
+        width: auto;
+    }
 }