From d1747140407a5abc3ee891aa4ee6c8e95151bbeb Mon Sep 17 00:00:00 2001
From: Jameson Nyeholt <jnyeholt@hey.com>
Date: Thu, 28 May 2026 06:43:46 -0700
Subject: [PATCH] fix(showcase): tighten docs spacing and sidebar padding

---
 showcase/buttons.html                  |  2 +-
 showcase/cards.html                    |  2 +-
 showcase/charts.html                   |  2 +-
 showcase/code-block.html               |  2 +-
 showcase/components.html               |  2 +-
 showcase/data-display.html             |  2 +-
 showcase/feedback.html                 |  2 +-
 showcase/forms.html                    |  2 +-
 showcase/gallery.html                  |  2 +-
 showcase/icons.html                    |  2 +-
 showcase/index.html                    |  2 +-
 showcase/installation.html             |  2 +-
 showcase/layout-app-shell.html         |  2 +-
 showcase/layout-content-grid.html      |  2 +-
 showcase/layout-entry-header.html      |  2 +-
 showcase/layout-example-app-shell.html |  2 +-
 showcase/layout-example-sidebar.html   |  2 +-
 showcase/layout-example-topnav.html    |  2 +-
 showcase/layout-sidebar.html           |  2 +-
 showcase/layout-topnav.html            |  2 +-
 showcase/layout.html                   |  2 +-
 showcase/mermaid.html                  |  2 +-
 showcase/modal.html                    |  2 +-
 showcase/navigation.html               |  2 +-
 showcase/showcase.css                  | 10 ++++------
 showcase/tables.html                   |  2 +-
 showcase/tags.html                     |  2 +-
 showcase/typography.html               |  2 +-
 28 files changed, 31 insertions(+), 33 deletions(-)

diff --git a/showcase/buttons.html b/showcase/buttons.html
index 8bc2dc6..7f7c60e 100644
--- a/showcase/buttons.html
+++ b/showcase/buttons.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/cards.html b/showcase/cards.html
index af3d929..c4631ec 100644
--- a/showcase/cards.html
+++ b/showcase/cards.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/charts.html b/showcase/charts.html
index 9710d55..a53bf17 100644
--- a/showcase/charts.html
+++ b/showcase/charts.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/code-block.html b/showcase/code-block.html
index 3f31bba..f47ab86 100644
--- a/showcase/code-block.html
+++ b/showcase/code-block.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/components.html b/showcase/components.html
index c16451c..64d55a9 100644
--- a/showcase/components.html
+++ b/showcase/components.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/data-display.html b/showcase/data-display.html
index 4afea4b..c6c3f1d 100644
--- a/showcase/data-display.html
+++ b/showcase/data-display.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/feedback.html b/showcase/feedback.html
index 026527b..87614af 100644
--- a/showcase/feedback.html
+++ b/showcase/feedback.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/forms.html b/showcase/forms.html
index f84eb8f..b2e1631 100644
--- a/showcase/forms.html
+++ b/showcase/forms.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/gallery.html b/showcase/gallery.html
index 82a6961..c653d30 100644
--- a/showcase/gallery.html
+++ b/showcase/gallery.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/icons.html b/showcase/icons.html
index 616b2ba..4896174 100644
--- a/showcase/icons.html
+++ b/showcase/icons.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/index.html b/showcase/index.html
index 0c0ee0a..bc7d64e 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/installation.html b/showcase/installation.html
index e269759..01ce6c5 100644
--- a/showcase/installation.html
+++ b/showcase/installation.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/layout-app-shell.html b/showcase/layout-app-shell.html
index 8c2d3d7..d5e27c1 100644
--- a/showcase/layout-app-shell.html
+++ b/showcase/layout-app-shell.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/layout-content-grid.html b/showcase/layout-content-grid.html
index afd92bc..9744a98 100644
--- a/showcase/layout-content-grid.html
+++ b/showcase/layout-content-grid.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/layout-entry-header.html b/showcase/layout-entry-header.html
index 7eb22f5..346b11b 100644
--- a/showcase/layout-entry-header.html
+++ b/showcase/layout-entry-header.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/layout-example-app-shell.html b/showcase/layout-example-app-shell.html
index 2281800..83901bd 100644
--- a/showcase/layout-example-app-shell.html
+++ b/showcase/layout-example-app-shell.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>App Shell Mock Page | Wintermuted UI Theme</title>
     <link rel="stylesheet" href="../index.css" />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/layout-example-sidebar.html b/showcase/layout-example-sidebar.html
index 9f94a59..a005c8b 100644
--- a/showcase/layout-example-sidebar.html
+++ b/showcase/layout-example-sidebar.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Sidebar Workspace Mock Page | Wintermuted UI Theme</title>
     <link rel="stylesheet" href="../index.css" />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/layout-example-topnav.html b/showcase/layout-example-topnav.html
index 9e65d20..fe3b4bd 100644
--- a/showcase/layout-example-topnav.html
+++ b/showcase/layout-example-topnav.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Top Nav Mock Page | Wintermuted UI Theme</title>
     <link rel="stylesheet" href="../index.css" />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/layout-sidebar.html b/showcase/layout-sidebar.html
index 161402f..139ef38 100644
--- a/showcase/layout-sidebar.html
+++ b/showcase/layout-sidebar.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/layout-topnav.html b/showcase/layout-topnav.html
index 9e75da3..16507c6 100644
--- a/showcase/layout-topnav.html
+++ b/showcase/layout-topnav.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/layout.html b/showcase/layout.html
index 9718b06..a83dd5f 100644
--- a/showcase/layout.html
+++ b/showcase/layout.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/mermaid.html b/showcase/mermaid.html
index 23b10b8..cd6c540 100644
--- a/showcase/mermaid.html
+++ b/showcase/mermaid.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/modal.html b/showcase/modal.html
index 493f396..3ccf6f9 100644
--- a/showcase/modal.html
+++ b/showcase/modal.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
     <style>
diff --git a/showcase/navigation.html b/showcase/navigation.html
index dbd0237..6f0fd7b 100644
--- a/showcase/navigation.html
+++ b/showcase/navigation.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/showcase.css b/showcase/showcase.css
index e35ee73..4da5698 100644
--- a/showcase/showcase.css
+++ b/showcase/showcase.css
@@ -24,7 +24,7 @@ body {
 .docs-topbar-inner {
   max-width: none;
   margin: 0 auto;
-  padding: 0.65rem 1.6rem;
+  padding: 0.65rem 1.5rem;
   display: flex;
   align-items: center;
   gap: 0.9rem;
@@ -40,7 +40,6 @@ body {
   font-weight: 600;
   letter-spacing: 0.01em;
   white-space: nowrap;
-  padding-left: 1.15rem;
 }
 
 .docs-topbar-brand-icon {
@@ -308,7 +307,7 @@ body {
 .docs-shell {
   max-width: none;
   margin: 0 auto;
-  padding: 1.9rem 1.6rem;
+  padding: 1.9rem 1.5rem;
   display: grid;
   grid-template-columns: 270px minmax(0, 1fr) 230px;
   gap: 2rem;
@@ -344,7 +343,7 @@ body.docs-layout-constrained .docs-shell {
 }
 
 .docs-sidebar {
-  padding: 1.15rem;
+  padding: 0.25rem;
   align-self: start;
   position: sticky;
   top: 1rem;
@@ -407,8 +406,7 @@ body.docs-layout-constrained .docs-shell {
   border: none;
   border-left: 2px solid transparent;
   border-radius: 0;
-  padding: 0.45rem 0.62rem;
-  padding-left: 0.75rem;
+  padding: 0.45rem 0.62rem 0.45rem 0.5rem;
   font-size: 0.84rem;
   font-weight: 500;
   transition: background 0.15s ease, color 0.15s ease, border-left-color 0.15s ease;
diff --git a/showcase/tables.html b/showcase/tables.html
index 8bb379a..d96ad2f 100644
--- a/showcase/tables.html
+++ b/showcase/tables.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/tags.html b/showcase/tags.html
index 95c936f..a7432f9 100644
--- a/showcase/tags.html
+++ b/showcase/tags.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>
diff --git a/showcase/typography.html b/showcase/typography.html
index b8fbca8..dca8144 100644
--- a/showcase/typography.html
+++ b/showcase/typography.html
@@ -12,7 +12,7 @@
     />
     <link rel="stylesheet" href="../index.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" crossorigin />
-    <link rel="stylesheet" href="./showcase.css?v=4" />
+    <link rel="stylesheet" href="./showcase.css?v=5" />
     <link rel="icon" type="image/png" sizes="32x32" href="./logo.png" />
     <link rel="apple-touch-icon" href="./logo.png" />
   </head>