From 85b6f37e3d6fffd96a5b454db652826da8791621 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Sat, 16 May 2026 18:48:59 -0400
Subject: [PATCH] fix(bulk): Select toggle in a right-aligned toolbar, not
 floated over the nav health marker

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/GalleryView.vue | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/GalleryView.vue b/frontend/src/views/GalleryView.vue
index 76510ec..c0fcf98 100644
--- a/frontend/src/views/GalleryView.vue
+++ b/frontend/src/views/GalleryView.vue
@@ -1,12 +1,13 @@
 <template>
   <v-container fluid class="py-6">
-    <v-btn
-      class="fc-select-toggle"
-      :color="sel.isSelectMode ? 'accent' : undefined"
-      :variant="sel.isSelectMode ? 'flat' : 'tonal'"
-      size="small"
-      @click="sel.isSelectMode ? sel.exitSelectMode() : sel.enterSelectMode()"
-    >{{ sel.isSelectMode ? 'Done' : 'Select' }}</v-btn>
+    <div class="fc-gallery-toolbar">
+      <v-btn
+        :color="sel.isSelectMode ? 'accent' : undefined"
+        :variant="sel.isSelectMode ? 'flat' : 'tonal'"
+        size="small"
+        @click="sel.isSelectMode ? sel.exitSelectMode() : sel.enterSelectMode()"
+      >{{ sel.isSelectMode ? 'Done' : 'Select' }}</v-btn>
+    </div>
 
     <div class="fc-gallery-layout">
       <div class="fc-gallery-layout__main">
@@ -82,8 +83,8 @@ function closeImage() {
 }
 .fc-gallery-layout__main { flex: 1; min-width: 0; }
 .fc-gallery-layout__sidebar { flex-shrink: 0; }
-.fc-select-toggle {
-  position: absolute; top: 12px; right: 16px; z-index: 1101;
+.fc-gallery-toolbar {
+  display: flex; justify-content: flex-end; margin-bottom: 12px;
 }
 
 @media (max-width: 900px) {