From 5bde31a42ff79bbcc41ae1594840144dcf42e226 Mon Sep 17 00:00:00 2001
From: Cutieguwu <owen.brooks77@gmail.com>
Date: Thu, 21 Aug 2025 11:40:04 -0400
Subject: [PATCH] Pane layout patches for mobile, Code cleanup.

---
 src/partials/_a_common.scss        | 18 +++++++++---------
 src/partials/_a_pane.scss          |  4 +---
 src/partials/_nav_location.scss    |  2 --
 src/partials/_nav_menu.scss        |  2 --
 src/partials/_nav_quick_links.scss |  2 --
 src/partials/_pane_nav.scss        |  7 ++-----
 src/partials/_pane_spacer.scss     |  1 +
 7 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/src/partials/_a_common.scss b/src/partials/_a_common.scss
index 3a295bb..470ce14 100644
--- a/src/partials/_a_common.scss
+++ b/src/partials/_a_common.scss
@@ -67,18 +67,18 @@
 
     font-size: var(--font-size-generic);
     color: var(--white-1);
+}
 
-    body {
-        background-color: var(--background-0);
+body {
+    background-color: var(--background-0);
 
-        // Adds a margin otherwise for some reason.
-        margin: 0;
+    // Adds a margin otherwise for some reason.
+    margin: 0;
 
-        display: grid;
-        grid-auto-flow: column dense;
-        grid-template-columns: min-content 1fr min-content;
-        grid-template-areas: "nav main spacer";
-    }
+    display: grid;
+    grid-auto-flow: column dense;
+    grid-template-columns: min-content 1fr min-content;
+    grid-template-areas: "nav main spacer";
 }
 
 * {
diff --git a/src/partials/_a_pane.scss b/src/partials/_a_pane.scss
index 20feada..4809f74 100644
--- a/src/partials/_a_pane.scss
+++ b/src/partials/_a_pane.scss
@@ -8,16 +8,14 @@
 
 @media only screen and (max-width: 500px) {
     .pane {
-        width: 100%;
+        width: calc((50% - var(--spacing-small)) * 2);
     }
 }
 
 nav.pane,
 .pane.spacer {
-    width: min-content;
     gap: var(--spacing-medium);
 
     position: sticky;
     top: var(--spacing-large);
-    right: var(--spacing-large);
 }
diff --git a/src/partials/_nav_location.scss b/src/partials/_nav_location.scss
index edb9629..23ab380 100644
--- a/src/partials/_nav_location.scss
+++ b/src/partials/_nav_location.scss
@@ -1,6 +1,4 @@
 .location {
-    grid-area: location;
-
     margin: 0;
     padding: var(--spacing-small);
     background-color: var(--background-2);
diff --git a/src/partials/_nav_menu.scss b/src/partials/_nav_menu.scss
index 1697a29..0c85aa5 100644
--- a/src/partials/_nav_menu.scss
+++ b/src/partials/_nav_menu.scss
@@ -2,8 +2,6 @@
 @use "nav_title";
 
 nav .menu {
-    grid-area: menu;
-
     // Remove default padding and style applied to ul for bullets.
     padding: 0;
     list-style: none;
diff --git a/src/partials/_nav_quick_links.scss b/src/partials/_nav_quick_links.scss
index 3c5a7e4..3b617b2 100644
--- a/src/partials/_nav_quick_links.scss
+++ b/src/partials/_nav_quick_links.scss
@@ -1,6 +1,4 @@
 nav.pane .quick_links {
-    grid-area: quick_links;
-
     --item-padding: 0.25rem;
 
     justify-content: space-between;
diff --git a/src/partials/_pane_nav.scss b/src/partials/_pane_nav.scss
index 26e976b..d6d0ab5 100644
--- a/src/partials/_pane_nav.scss
+++ b/src/partials/_pane_nav.scss
@@ -26,14 +26,11 @@ nav.pane {
 
 @media only screen and (max-width: 500px) {
     nav.pane {
-        width: calc(
-            calc(50% - var(--spacing-large) + var(--spacing-small)) * 2
-        );
-
         background-color: var(--background-2);
+        border-radius: var(--border-radius-leaf);
         padding: 0 var(--spacing-small);
 
-        .nav_menu,
+        .menu,
         .quick_links,
         .location {
             display: none;
diff --git a/src/partials/_pane_spacer.scss b/src/partials/_pane_spacer.scss
index b22bb84..50dc1ec 100644
--- a/src/partials/_pane_spacer.scss
+++ b/src/partials/_pane_spacer.scss
@@ -1,6 +1,7 @@
 .pane.spacer {
     grid-area: spacer;
 
+    width: min-content;
     height: calc(100vh - calc(var(--spacing-large) * 2));
 
     display: grid;