From 9f4e0078182ffaff237a9efe7a7a6d7f9d6b546c Mon Sep 17 00:00:00 2001
From: Broque Thomas <batmanesignal@gmail.com>
Date: Tue, 26 Aug 2025 22:36:02 -0700
Subject: [PATCH] style

---
 webui/static/script.js | 30 ++++++++++++++++++++++++++++++
 webui/static/style.css |  1 +
 2 files changed, 31 insertions(+)

diff --git a/webui/static/script.js b/webui/static/script.js
index 805509d7..7fa75a4b 100644
--- a/webui/static/script.js
+++ b/webui/static/script.js
@@ -1507,6 +1507,7 @@ function cleanupDownloadProcess(playlistId) {
 
     // Restore card UI
     updatePlaylistCardUI(playlistId);
+    updateRefreshButtonState();
 }
 
 function togglePlaylistSelection(event) {
@@ -1858,6 +1859,7 @@ async function startTrackAnalysis(playlistId) {
     try {
         process.status = 'running';
         updatePlaylistCardUI(playlistId);
+        updateRefreshButtonState();
 
         document.getElementById(`begin-analysis-btn-${playlistId}`).style.display = 'none';
         document.getElementById(`cancel-all-btn-${playlistId}`).style.display = 'inline-block';
@@ -2331,6 +2333,7 @@ function startSyncPolling(playlistId) {
             updateCardToDefault(playlistId, { status: 'error', error: 'Polling failed' });
         }
     }, 2000); // Poll every 2 seconds
+    updateRefreshButtonState();
 }
 
 function stopSyncPolling(playlistId) {
@@ -2338,6 +2341,33 @@ function stopSyncPolling(playlistId) {
         clearInterval(activeSyncPollers[playlistId]);
         delete activeSyncPollers[playlistId];
     }
+    updateRefreshButtonState();
+}
+
+function hasActiveOperations() {
+    const hasActiveSyncs = Object.keys(activeSyncPollers).length > 0;
+    const hasActiveDownloads = Object.values(activeDownloadProcesses).some(p => p.status === 'running');
+    return hasActiveSyncs || hasActiveDownloads;
+}
+
+
+function updateRefreshButtonState() {
+    const refreshBtn = document.getElementById('spotify-refresh-btn');
+    if (!refreshBtn) return;
+
+    if (hasActiveOperations()) {
+        refreshBtn.disabled = true;
+        // Provide context-specific text
+        const hasActiveSyncs = Object.keys(activeSyncPollers).length > 0;
+        if (hasActiveSyncs) {
+            refreshBtn.textContent = '🔄 Syncing...';
+        } else {
+            refreshBtn.textContent = '📥 Downloading...';
+        }
+    } else {
+        refreshBtn.disabled = false;
+        refreshBtn.textContent = '🔄 Refresh';
+    }
 }
 
 function updateCardToSyncing(playlistId, percent, progress = null) {
diff --git a/webui/static/style.css b/webui/static/style.css
index d445208d..79c9c4b5 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -4318,6 +4318,7 @@ body {
 .playlist-modal-body {
     flex: 1;
     padding: 0 28px;
+    padding-left: 0;
     overflow: hidden;
     display: flex;
     flex-direction: column;