From 85b640f32e41f70ce2cf8d4fadd1979c0a270fcf Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Tue, 26 May 2026 19:47:23 -0400
Subject: [PATCH] =?UTF-8?q?fix(views):=20close=20the=2024-32px=20gap=20bel?=
 =?UTF-8?q?ow=20TopNav=20across=20all=20views=20=E2=80=94=20every=20v-cont?=
 =?UTF-8?q?ainer=20had=20py-6=20(or=20py-8=20on=20PlaceholderView)=20which?=
 =?UTF-8?q?=20pushed=20the=20first=20content=20item=20well=20below=20where?=
 =?UTF-8?q?=20the=20TopNav's=20fade-to-transparent=20gradient=20bottoms=20?=
 =?UTF-8?q?out.=20Switch=20to=20pt-2=20pb-6=20(8px=20top,=2024px=20bottom)?=
 =?UTF-8?q?=20so=20content=20sits=20comfortably=20right=20below=20the=20na?=
 =?UTF-8?q?v,=20matches=20the=20ArtistHeader's=20'continuous=20with=20TopN?=
 =?UTF-8?q?av'=20feel.=20PlaceholderView=20uses=20pt-3=20pb-8=20keeping=20?=
 =?UTF-8?q?its=20larger=20bottom=20padding.?=
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>
---
 frontend/src/views/ArtistView.vue        | 6 +++---
 frontend/src/views/ArtistsView.vue       | 2 +-
 frontend/src/views/CredentialsView.vue   | 2 +-
 frontend/src/views/DownloadsView.vue     | 2 +-
 frontend/src/views/GalleryView.vue       | 2 +-
 frontend/src/views/PlaceholderView.vue   | 2 +-
 frontend/src/views/PostsView.vue         | 2 +-
 frontend/src/views/SeriesManageView.vue  | 2 +-
 frontend/src/views/SettingsView.vue      | 2 +-
 frontend/src/views/ShowcaseView.vue      | 2 +-
 frontend/src/views/SubscriptionsView.vue | 2 +-
 frontend/src/views/TagsView.vue          | 2 +-
 12 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/ArtistView.vue b/frontend/src/views/ArtistView.vue
index 76eca6b..876b9d8 100644
--- a/frontend/src/views/ArtistView.vue
+++ b/frontend/src/views/ArtistView.vue
@@ -3,11 +3,11 @@
     <v-progress-circular indeterminate color="accent" size="36" />
   </div>
 
-  <v-container v-else-if="store.notFound" class="py-6">
+  <v-container v-else-if="store.notFound" class="pt-2 pb-6">
     <v-alert type="warning" variant="tonal">Artist not found.</v-alert>
   </v-container>
 
-  <v-container v-else-if="store.error && !store.overview" class="py-6">
+  <v-container v-else-if="store.error && !store.overview" class="pt-2 pb-6">
     <v-alert type="error" variant="tonal" closable>{{ store.error }}</v-alert>
   </v-container>
 
@@ -19,7 +19,7 @@
       :post-count="store.postCount"
       :last-added="store.lastAdded"
     />
-    <v-container fluid class="py-4">
+    <v-container fluid class="pt-2 pb-4">
       <v-window v-model="tab">
         <v-window-item value="posts">
           <ArtistPostsTab
diff --git a/frontend/src/views/ArtistsView.vue b/frontend/src/views/ArtistsView.vue
index 94913a1..ee52b3a 100644
--- a/frontend/src/views/ArtistsView.vue
+++ b/frontend/src/views/ArtistsView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="py-6">
+  <v-container fluid class="pt-2 pb-6">
 
     <div class="fc-artists__controls">
       <v-text-field
diff --git a/frontend/src/views/CredentialsView.vue b/frontend/src/views/CredentialsView.vue
index 5501d1d..1be9334 100644
--- a/frontend/src/views/CredentialsView.vue
+++ b/frontend/src/views/CredentialsView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="py-6">
+  <v-container fluid class="pt-2 pb-6">
     <ExtensionKeyBar />
 
     <v-alert v-if="credentialsStore.error" type="error" variant="tonal" closable class="mb-4">
diff --git a/frontend/src/views/DownloadsView.vue b/frontend/src/views/DownloadsView.vue
index 0979c98..4a2a612 100644
--- a/frontend/src/views/DownloadsView.vue
+++ b/frontend/src/views/DownloadsView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="py-6">
+  <v-container fluid class="pt-2 pb-6">
     <FilterPills v-model="pill" />
 
     <v-alert v-if="store.error" type="error" variant="tonal" closable class="my-4">
diff --git a/frontend/src/views/GalleryView.vue b/frontend/src/views/GalleryView.vue
index baaa959..da45c33 100644
--- a/frontend/src/views/GalleryView.vue
+++ b/frontend/src/views/GalleryView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="py-6">
+  <v-container fluid class="pt-2 pb-6">
     <Teleport to="#fc-nav-actions">
       <v-btn
         :color="sel.isSelectMode ? 'accent' : undefined"
diff --git a/frontend/src/views/PlaceholderView.vue b/frontend/src/views/PlaceholderView.vue
index 5c53509..02fe3a2 100644
--- a/frontend/src/views/PlaceholderView.vue
+++ b/frontend/src/views/PlaceholderView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container class="py-8">
+  <v-container class="pt-3 pb-8">
     <h1 class="fc-h1 mb-4">{{ title }}</h1>
     <v-alert type="info" variant="tonal" icon="mdi-toolbox">
       This surface is a placeholder. It will be implemented in
diff --git a/frontend/src/views/PostsView.vue b/frontend/src/views/PostsView.vue
index 56a7cef..4df230b 100644
--- a/frontend/src/views/PostsView.vue
+++ b/frontend/src/views/PostsView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container class="py-6" max-width="900">
+  <v-container class="pt-2 pb-6" max-width="900">
     <PostsFilterBar
       :artist-id="artistFilter"
       :platform="platformFilter"
diff --git a/frontend/src/views/SeriesManageView.vue b/frontend/src/views/SeriesManageView.vue
index 510b5aa..0674f11 100644
--- a/frontend/src/views/SeriesManageView.vue
+++ b/frontend/src/views/SeriesManageView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="py-6">
+  <v-container fluid class="pt-2 pb-6">
     <div class="fc-series__head">
       <span class="fc-series__name">{{ store.series?.name || 'Series' }}</span>
       <span class="fc-series__count">{{ store.pages.length }} page(s)</span>
diff --git a/frontend/src/views/SettingsView.vue b/frontend/src/views/SettingsView.vue
index 99f536d..2c71806 100644
--- a/frontend/src/views/SettingsView.vue
+++ b/frontend/src/views/SettingsView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="py-6">
+  <v-container fluid class="pt-2 pb-6">
     <!-- Sticky tabs: operator-flagged 2026-05-25 — long Import / Maintenance
          panels pushed the tab strip out of the viewport, forcing a scroll-
          to-top just to change tab. AppShell's TopNav is 64px sticky, so the
diff --git a/frontend/src/views/ShowcaseView.vue b/frontend/src/views/ShowcaseView.vue
index df97f7c..cfcf789 100644
--- a/frontend/src/views/ShowcaseView.vue
+++ b/frontend/src/views/ShowcaseView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="py-6">
+  <v-container fluid class="pt-2 pb-6">
     <Teleport to="#fc-nav-actions">
       <v-btn
         prepend-icon="mdi-shuffle-variant" variant="tonal" color="accent"
diff --git a/frontend/src/views/SubscriptionsView.vue b/frontend/src/views/SubscriptionsView.vue
index 03870d5..832aa84 100644
--- a/frontend/src/views/SubscriptionsView.vue
+++ b/frontend/src/views/SubscriptionsView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="py-6">
+  <v-container fluid class="pt-2 pb-6">
     <div class="fc-subs__bar">
       <v-btn color="accent" prepend-icon="mdi-plus" @click="openAddSource(null)">
         Add subscription
diff --git a/frontend/src/views/TagsView.vue b/frontend/src/views/TagsView.vue
index 0d748ef..d973b20 100644
--- a/frontend/src/views/TagsView.vue
+++ b/frontend/src/views/TagsView.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid class="py-6">
+  <v-container fluid class="pt-2 pb-6">
 
     <div class="fc-tags__controls">
       <v-text-field