From 5964d2cb34bdb0dc7cb3b9f948aaa0abffe5d04d Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Wed, 4 Feb 2026 18:50:20 +0100
Subject: [PATCH] Enhance settings UI with reset functionality and improved
 button layout

---
 .../Web/mediaBarEnhanced.js                   | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
index a54b8be..ac1f831 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
@@ -3049,9 +3049,12 @@ const MediaBarEnhancedSettingsManager = {
         `;
     });
 
-    // Reload button
+    // Buttons Container
     html += `
-    <div style="margin-top:1em; text-align:right;">
+    <div style="margin-top:1em; display:flex; justify-content:space-between; align-items:center;">
+        <button is="emby-button" type="button" class="raised button-cancel emby-button" id="mb-settings-reset" title="Reset to Server Defaults">
+            <span>Defaults</span>
+        </button>
         <button is="emby-button" type="button" class="raised button-submit emby-button" id="mb-settings-save">
             <span>Reload</span>
         </button>
@@ -3068,10 +3071,23 @@ const MediaBarEnhancedSettingsManager = {
         });
     });
 
+    // Reload Handler
     popup.querySelector('#mb-settings-save').addEventListener('click', () => {
         location.reload();
     });
 
+    // Reset Handler
+    popup.querySelector('#mb-settings-reset').addEventListener('click', () => {
+        if (confirm("Reset all local Media Bar settings to server defaults?")) {
+            Object.keys(localStorage).forEach(key => {
+                if (key.startsWith('mediaBarEnhanced-')) {
+                    localStorage.removeItem(key);
+                }
+            });
+            location.reload();
+        }
+    });
+
     const closeHandler = (e) => {
         if (!popup.contains(e.target) && e.target !== anchorElement && !anchorElement.contains(e.target)) {
             popup.remove();