From 5a1bfc19497010faf7494f1c71421a42e36bc0e1 Mon Sep 17 00:00:00 2001
From: Sutu Sebastian <sebiitv@gmail.com>
Date: Mon, 20 Jul 2026 16:56:13 +0300
Subject: [PATCH] fix(docs): give homepage inline code chips breathing room
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add outer margin/padding around Hero and Seams code chips, and open the Seams heading→lede gap so the muted backgrounds don't sit flush against neighboring words.
---
 apps/docs/pages/_home/Hero.astro  |  4 +++-
 apps/docs/pages/_home/Seams.astro | 10 +++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/docs/pages/_home/Hero.astro b/apps/docs/pages/_home/Hero.astro
index 40292ef..fdc7e56 100644
--- a/apps/docs/pages/_home/Hero.astro
+++ b/apps/docs/pages/_home/Hero.astro
@@ -28,7 +28,9 @@ const defaultSource = "tanstack-store";
 
   <p class="mx-auto mt-4 max-w-2xl text-balance text-muted-foreground">
     Zero-dep
-    <code class="rounded bg-muted px-1 font-mono text-sm">persistSource</code>
+    <code class="mx-0.5 rounded bg-muted px-1.5 font-mono text-sm"
+      >persistSource</code
+    >
     core; codecs, backends, transport, and framework gates are opt-in subpaths.
   </p>
 
diff --git a/apps/docs/pages/_home/Seams.astro b/apps/docs/pages/_home/Seams.astro
index 35ab3ee..8305686 100644
--- a/apps/docs/pages/_home/Seams.astro
+++ b/apps/docs/pages/_home/Seams.astro
@@ -44,11 +44,15 @@ const tdClass =
     <h2 class="font-medium text-3xl tracking-tight sm:text-4xl">
       Three seams. Swap any cell.
     </h2>
-    <p class="mx-auto mt-4 max-w-lg text-balance text-muted-foreground">
+    <p class="mx-auto mt-6 max-w-lg text-balance text-muted-foreground">
       Backend × codec × source compose through
-      <code class="rounded bg-muted px-1 font-mono text-sm">createStorage</code>
+      <code class="mx-0.5 rounded bg-muted px-1.5 font-mono text-sm"
+        >createStorage</code
+      >
       and
-      <code class="rounded bg-muted px-1 font-mono text-sm">persistSource</code>
+      <code class="mx-0.5 rounded bg-muted px-1.5 font-mono text-sm"
+        >persistSource</code
+      >
       — framework adapters only mount the hydration signal.
     </p>
   </div>