From 9c40a1f88ec95891ffbc9ecd234a273b77b4af4a Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 2 Apr 2025 20:16:42 +0600
Subject: [PATCH] web/PageNav: reduce padding, add a gap between nav and
 content

---
 web/src/components/subnav/PageNav.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/src/components/subnav/PageNav.svelte b/web/src/components/subnav/PageNav.svelte
index 83e3f0a0..00f68a6b 100644
--- a/web/src/components/subnav/PageNav.svelte
+++ b/web/src/components/subnav/PageNav.svelte
@@ -120,13 +120,14 @@
 <style>
     .subnav-page {
         --subnav-nav-width: 250px;
-        --subnav-padding: 30px;
+        --subnav-padding: 26px;
         --subnav-padding-small: calc(var(--subnav-padding) - var(--padding));
         display: grid;
         width: 100%;
         grid-template-columns: var(--subnav-nav-width) 1fr;
         overflow: hidden;
         padding-left: var(--subnav-padding);
+        column-gap: calc(var(--subnav-padding) / 2);
     }
 
     .subnav-page:dir(rtl) {
@@ -215,6 +216,12 @@
         will-change: transform;
     }
 
+    @media screen and (max-width: 1000px) {
+        .subnav-page {
+            column-gap: 0;
+        }
+    }
+
     @media screen and (max-width: 750px) {
         .subnav-page,
         .subnav-page:dir(rtl) {