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>
2026-09-19 20:37:18 +00:00
parent 44fcfc5b77
commit b8af349ed7
1 changed files with 4 additions and 1 deletions
--- 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;
 }