From 21d55711d497833dda7cac84e6fce5998b9d12c7 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Fri, 13 Feb 2026 02:18:18 +0100
Subject: [PATCH] Enhance configuration layout for season name input and update
 select appearance

---
 .../Configuration/configPage.html                 | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html b/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html
index 76a9526..2a1b89f 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html
@@ -564,7 +564,7 @@
                     ];
 
                     function mkSelect(val, opts, cls) {
-                        var h = '<select class="emby-select emby-select-withcolor ' + cls + '" style="width: auto; display: inline-block; margin-right: 5px;">';
+                        var h = '<select class="emby-select emby-select-withcolor ' + cls + '" style="width: auto; display: inline-block; margin-right: 5px; -webkit-appearance: menulist; appearance: menulist;">';
                         opts.forEach(function(o) {
                             var v = o.v || o;
                             var n = o.n || o;
@@ -574,12 +574,15 @@
                         return h;
                     }
 
-                    div.innerHTML = '<div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5em;">' +
-                        '    <div style="flex-grow:1; margin-right:1em;">' +
-                        '        <input is="emby-input" type="text" class="emby-input section-name" value="' + (data.Name || '') + '" label="Season Name" />' +
-                        '        <div class="fieldDescription">Name of the season (e.g. Christmas).</div>' +
+                    div.innerHTML = '<div style="margin-bottom: 0.5em;">' +
+                        '    <label class="inputLabel" style="margin-bottom:0.5em; display:block;">Season Name</label>' +
+                        '    <div style="display: flex; align-items: center;">' +
+                        '        <div style="flex-grow:1;">' +
+                        '            <input is="emby-input" type="text" class="emby-input section-name" value="' + (data.Name || '') + '" />' +
+                        '        </div>' +
+                        '        <button type="button" class="raised emby-button remove-section" style="background: #a94442; min-width: unset; margin-left: 1em;">Remove</button>' +
                         '    </div>' +
-                        '    <button type="button" class="raised emby-button remove-section" style="background: #a94442; min-width: unset; margin-top: 0.5em;">Remove</button>' +
+                        '    <div class="fieldDescription">Name of the season (e.g. Christmas).</div>' +
                         '</div>' +
                         '<div style="margin-bottom: 1em;">' +
                         '    <label class="inputLabel" style="margin-bottom:0.5em; display:block;">Active Period</label>' +