From b8af349ed7c28b6899fcfe30a01eee787d129410 Mon Sep 17 00:00:00 2001
From: khannurien <yo@vincentlannurien.com>
Date: Sat, 19 Sep 2026 20:37:18 +0000
Subject: [PATCH] v3: header feed tabs sit centred with the brand and buttons,
 with symmetric padding that keeps room for the focus ring

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/App.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index de06d181..f3d8500e 100644
--- a/src/App.css
+++ b/src/App.css
@@ -3308,7 +3308,10 @@ body.has-player .chat-fab {
   gap: 0.4rem;
   overflow-x: auto;
   scrollbar-width: none;
-  padding-bottom: 0.3rem;
+  /* Symmetric, so the tabs stay centred against their row (the header's
+     brand and buttons), with room on both sides for the focus ring that
+     overflow-x would otherwise clip. */
+  padding-block: 0.3rem;
   padding-right: 0.25rem;
   min-width: 0;
 }