From d722224b2629d862588ff6e7cbf4a57ab450e990 Mon Sep 17 00:00:00 2001
From: BoulderBadgeDad <batmanesignal@gmail.com>
Date: Tue, 16 Jun 2026 12:19:21 -0700
Subject: [PATCH] Video get-modal: use the standard SoulSync buttons
 (discog-submit/cancel)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The footer's 'Add to Wishlist' + 'Full page' now use the same buttons as the
artist-detail / Download-Discography modal — .discog-submit-btn (primary, ⬇ +
label) and .discog-cancel-btn (secondary) — instead of the custom vgm buttons,
for consistency across the app. updateFooter sets the label span (keeps the
icon). Per-title hue glows stay on the hero/title/ambient.
---
 webui/static/video/video-get-modal.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/webui/static/video/video-get-modal.js b/webui/static/video/video-get-modal.js
index 70069722..e21fd3b4 100644
--- a/webui/static/video/video-get-modal.js
+++ b/webui/static/video/video-get-modal.js
@@ -98,8 +98,11 @@
                 '</div>' +
                 '<div class="vgm-actions">' +
                     '<span class="vgm-sel-count" data-vgm-count></span>' +
-                    '<button class="vgm-btn vgm-btn--text" type="button" data-vgm-open>Full page &rarr;</button>' +
-                    '<button class="vgm-btn vgm-btn--primary" type="button" data-vgm-wishlist>+ Add to Wishlist</button>' +
+                    '<button class="discog-cancel-btn" type="button" data-vgm-open>Full page &rarr;</button>' +
+                    '<button class="discog-submit-btn" type="button" data-vgm-wishlist>' +
+                        '<span class="discog-submit-icon">⬇</span>' +
+                        '<span class="discog-submit-text" data-vgm-add-label>+ Add to Wishlist</span>' +
+                    '</button>' +
                 '</div>' +
             '</div>';
         document.body.appendChild(ov);
@@ -201,12 +204,15 @@
         var n = modalState ? modalState.sel.size : 0;
         var cnt = modalEl.querySelector('[data-vgm-count]');
         var add = modalEl.querySelector('[data-vgm-wishlist]');
+        var addLbl = modalEl.querySelector('[data-vgm-add-label]');   // set label only (keep the icon)
         if (modalState && modalState.kind === 'show') {
             if (cnt) cnt.textContent = n + ' episode' + (n === 1 ? '' : 's') + ' selected';
-            if (add) { add.textContent = '+ Add ' + n + ' to Wishlist'; add.disabled = n === 0; }
+            if (addLbl) addLbl.textContent = '+ Add ' + n + ' to Wishlist';
+            if (add) add.disabled = n === 0;
         } else {
             if (cnt) cnt.textContent = '';
-            if (add) { add.textContent = '+ Add to Wishlist'; add.disabled = false; }
+            if (addLbl) addLbl.textContent = '+ Add to Wishlist';
+            if (add) add.disabled = false;
         }
     }