From f8276129307517c3ddf7f98978668df2848586d1 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Tue, 26 May 2026 18:36:19 -0400
Subject: [PATCH] =?UTF-8?q?fix(artist-header):=20close=20gap=20below=20Top?=
 =?UTF-8?q?Nav=20(top:64px=20=E2=86=92=2048px=20to=20match=20TopNav's=20ac?=
 =?UTF-8?q?tual=20~48px=20height)=20+=20center=20the=20tab=20strip=20via?=
 =?UTF-8?q?=201fr|auto|1fr=20layout=20with=20a=20right-side=20spacer=20cel?=
 =?UTF-8?q?l?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../src/components/artist/ArtistHeader.vue     | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/artist/ArtistHeader.vue b/frontend/src/components/artist/ArtistHeader.vue
index 8b39cca..93f4062 100644
--- a/frontend/src/components/artist/ArtistHeader.vue
+++ b/frontend/src/components/artist/ArtistHeader.vue
@@ -25,6 +25,11 @@
       </v-tab>
       <v-tab value="management">Management</v-tab>
     </v-tabs>
+
+    <!-- Right-side spacer: balances the left cell's flex weight so the
+         centered tabs stay geometrically centered regardless of the
+         artist-name length. Mirrors TopNav's 1fr | auto | 1fr layout. -->
+    <div class="fc-artist-header__right" />
   </header>
 </template>
 
@@ -54,11 +59,13 @@ const stats = computed(() => {
 </script>
 
 <style scoped>
-/* Matches TopNav.vue's frosted recipe exactly — top:64px parks it under
-   the 64px-tall TopNav with no visible seam. */
+/* Matches TopNav.vue's frosted recipe exactly. top:48px parks it flush
+   against TopNav's bottom edge (TopNav is 0.75rem padding + ~24px content
+   = ~48px tall; operator-flagged 2026-05-26 that top:64px left a visible
+   gap). The two bars now read as one continuous frosted strip. */
 .fc-artist-header {
   position: sticky;
-  top: 64px;
+  top: 48px;
   z-index: 4;
   display: flex;
   align-items: center;
@@ -107,6 +114,11 @@ const stats = computed(() => {
   flex: 0 0 auto;
 }
 
+.fc-artist-header__right {
+  flex: 1 1 0;
+  min-width: 0;
+}
+
 .fc-artist-header__tab-count {
   margin-left: 4px;
   font-size: 12px;