fix: scope tag-chip x button opacity to modal, cache tagActionFeedback ref

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/static/js/view-modal.js

@@ -13,6 +13,7 @@ document.addEventListener('DOMContentLoaded', () => {
   const tagForm   = document.getElementById('modalTagForm');
   const tagInput  = tagForm ? tagForm.querySelector('input[name="name"]') : null;
   const tagAutocomplete = document.getElementById('tagAutocomplete');
+  const tagActionFeedback = document.getElementById('tagActionFeedback');
 
   // Series info elements (when image IS in a series)
   const seriesInfoEl = document.getElementById('modalSeriesInfo');
@@ -386,7 +387,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const j = await r.json();
     if (j.ok) {
       await loadTags(imageId);
-      showFeedback(document.getElementById('tagActionFeedback'), 'Tag added');
+      showFeedback(tagActionFeedback, 'Tag added');
       return true;
     }
     return false;
@@ -398,7 +399,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const j = await r.json();
     if (j.ok) {
       await loadTags(imageId);
-      showFeedback(document.getElementById('tagActionFeedback'), 'Tag removed');
+      showFeedback(tagActionFeedback, 'Tag removed');
       return true;
     }
     return false;

app/static/style.css

@@ -655,13 +655,13 @@ header {
   min-height: 1.1em;
 }
 
-/* Tag chip remove button — hidden at rest, visible on hover */
-.tag-chip .x {
+/* Tag chip remove button in modal — hidden at rest, visible on hover */
+.tag-editor .tag-chip .x {
   opacity: 0;
   transition: opacity 0.15s ease;
   margin-left: 4px;
 }
-.tag-chip:hover .x {
+.tag-editor .tag-chip:hover .x {
   opacity: 1;
 }