From 81ef58eac2a53672773d7d564068539190960127 Mon Sep 17 00:00:00 2001
From: Chris Swithinbank
Date: Sun, 4 Jun 2023 21:03:51 +0200
Subject: Tweak header padding on narrow viewports

---
 .changeset/slow-vans-notice.md     | 5 +++++
 packages/starlight/style/props.css | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/slow-vans-notice.md

diff --git a/.changeset/slow-vans-notice.md b/.changeset/slow-vans-notice.md
new file mode 100644
index 00000000..18fd1dac
--- /dev/null
+++ b/.changeset/slow-vans-notice.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/starlight": patch
+---
+
+Design tweak: slightly less horizontal padding in header component on narrower viewports
diff --git a/packages/starlight/style/props.css b/packages/starlight/style/props.css
index 07553de2..a8f95cb1 100644
--- a/packages/starlight/style/props.css
+++ b/packages/starlight/style/props.css
@@ -93,7 +93,7 @@
 
   /** Key layout values */
   --sl-nav-height: 3.5rem;
-  --sl-nav-pad-x: 1.5rem;
+  --sl-nav-pad-x: 1rem;
   --sl-nav-pad-y: 0.75rem;
   --sl-title-min-width: 10rem;
   --sl-mobile-toc-height: 3rem;
@@ -168,6 +168,7 @@
 @media (min-width: 50em) {
   :root {
     --sl-nav-height: 4rem;
+    --sl-nav-pad-x: 1.5rem;
     --sl-text-h1: var(--sl-text-5xl);
     --sl-text-h2: var(--sl-text-4xl);
     --sl-text-h3: var(--sl-text-3xl);
-- 
cgit