From 53f0f3c4016ac0294a0030702942ba489a52253e Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Wed, 11 Mar 2026 01:04:50 +0100
Subject: [PATCH] Refactor seasonal image clear button visibility and styling
 in configPage.html

---
 Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html b/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html
index 0810f97..bdce7e5 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html
@@ -1026,8 +1026,7 @@
                         '            <span style="font-size: 0.85em; color: rgba(255,255,255,0.7);">Upload seasonal image</span>' +
                         '            <input type="file" class="seasonal-file-input" accept="image/png, image/jpeg, image/gif, image/webp" style="display: none;">' +
                         '            <img class="seasonal-preview-img" style="display: none; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 4px; z-index: 2; object-fit: contain;" />' +
-                        // '            <button type="button" class="seasonal-clear-btn paper-icon-button-light" is="paper-icon-button-light" title="Clear Image" style="display: none; position: absolute; top: 10px; right: 10px; z-index: 3; color: #a94442; background: transparent; border: none; outline: none; padding: 8px; border-radius: 50%; cursor: pointer;"><i class="material-icons">delete</i></button>' +
-                        '            <button type="button" is="paper-icon-button-light" class="seasonal-clear-btn" title="Clear Image" style="color: #a94442;"><i class="material-icons">delete</i></button>' +
+                        '            <button type="button" class="seasonal-clear-btn" is="paper-icon-button-light" title="Clear Image" style="display: none; position: absolute; top: 10px; right: 10px; z-index: 3; color: #a94442;"><i class="material-icons">delete</i></button>' +
                         '        </div>' +
                         '    </div>' +
                         '</div>';