From 855d72b6ba955f0ee9c3bf75cb2ec25a56e7372d Mon Sep 17 00:00:00 2001
From: Richard Feldman <oss@rtfeldman.com>
Date: Fri, 29 Nov 2024 20:20:08 -0500
Subject: [PATCH] Put nav last on mobile

---
 crates/docs/src/static/styles.css | 34 +++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/crates/docs/src/static/styles.css b/crates/docs/src/static/styles.css
index e6116a951c..b805a6bd2e 100644
--- a/crates/docs/src/static/styles.css
+++ b/crates/docs/src/static/styles.css
@@ -636,6 +636,29 @@ pre>samp {
 }
 
 @media only screen and (max-device-width: 480px) and (orientation: portrait) {
+    body {
+      grid-template-areas:
+        "header"
+        "main"
+        "sidebar"
+        "footer";
+    }
+
+    #sidebar-nav {
+      grid-area: sidebar;
+    }
+
+    main {
+      grid-area: main;
+    }
+
+    .top-header {
+      grid-area: header;
+    }
+
+    footer {
+      grid-area: footer;
+    }
   :root {
       --top-header-height: 160px;
   }
@@ -702,20 +725,12 @@ pre>samp {
   }
 
   main {
-      grid-column-start: none;
-      grid-column-end: none;
-      grid-row-start: above-footer;
-      grid-row-end: above-footer;
       padding: 18px;
       font-size: 16px;
       max-width: 480px;
   }
 
   #sidebar-nav {
-      grid-column-start: none;
-      grid-column-end: none;
-      grid-row-start: sidebar;
-      grid-row-end: sidebar;
       margin-top: 0;
       padding-left: 0;
       width: auto;
@@ -738,9 +753,6 @@ pre>samp {
 
   body {
       grid-template-columns: auto;
-      grid-template-rows: [top-header] var(--top-header-height) [before-sidebar] auto [sidebar] auto [above-footer] auto [footer] auto;
-      /* [before-sidebar] 1fr [sidebar] var(--sidebar-width) [main-content] fit-content(calc(1280px - var(--sidebar-width))) [end] 1fr; */
-
       margin: 0;
       min-width: 320px;
       max-width: 100%;