From 5e70621e93a35ccf50539d10aec4c765dec18892 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Tue, 3 Feb 2026 19:32:34 +0100
Subject: [PATCH] Update version to 1.6.3.0, modify checkbox layout, and adjust
 popup styles

---
 .../Configuration/configPage.html              | 18 +++++++++---------
 .../Jellyfin.Plugin.Seasonals.csproj           |  2 +-
 Jellyfin.Plugin.Seasonals/Web/seasonals.js     | 14 ++++++--------
 manifest.json                                  |  4 ++--
 4 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
index f77ad4b..012475c 100644
--- a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
+++ b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
@@ -38,15 +38,6 @@
                         </label>
                         <div class="fieldDescription">Automatically select the season based on the date.</div>
                     </div>
-                    <div class="checkboxContainer checkboxContainer-withDescription">
-                        <label class="emby-checkbox-label">
-                            <input id="EnableClientSideToggle" name="EnableClientSideToggle" type="checkbox"
-                                is="emby-checkbox" />
-                            <span>Allow Client-Side Toggle</span>
-                        </label>
-                        <div class="fieldDescription">If enabled, users will see a settings icon in the header to toggle
-                            animations for their browser.</div>
-                    </div>
                     <div class="selectContainer">
                         <label class="selectLabel" for="SelectedSeason">Selected Season</label>
                         <select is="emby-select" id="SelectedSeason" name="SelectedSeason" class="emby-select-withcolor emby-select">
@@ -72,6 +63,15 @@
                         </select>
                         <div class="fieldDescription">The season to display if automation is disabled.</div>
                     </div>
+                    <div class="checkboxContainer checkboxContainer-withDescription">
+                        <label class="emby-checkbox-label">
+                            <input id="EnableClientSideToggle" name="EnableClientSideToggle" type="checkbox"
+                                is="emby-checkbox" />
+                            <span>Allow Client-Side Toggle</span>
+                        </label>
+                        <div class="fieldDescription">If enabled, users will see a settings icon in the header to toggle
+                            animations for their browser.</div>
+                    </div>
                     <br>
 
                     <details>
diff --git a/Jellyfin.Plugin.Seasonals/Jellyfin.Plugin.Seasonals.csproj b/Jellyfin.Plugin.Seasonals/Jellyfin.Plugin.Seasonals.csproj
index 810e322..aa7ae05 100644
--- a/Jellyfin.Plugin.Seasonals/Jellyfin.Plugin.Seasonals.csproj
+++ b/Jellyfin.Plugin.Seasonals/Jellyfin.Plugin.Seasonals.csproj
@@ -12,7 +12,7 @@
     <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
     <Title>Jellyfin Seasonals Plugin</Title>
     <Authors>CodeDevMLH</Authors>
-    <Version>1.6.2.0</Version>
+    <Version>1.6.3.0</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/Jellyfin-Seasonals</RepositoryUrl>
   </PropertyGroup>
 
diff --git a/Jellyfin.Plugin.Seasonals/Web/seasonals.js b/Jellyfin.Plugin.Seasonals/Web/seasonals.js
index 1a3ad1e..bafdc66 100644
--- a/Jellyfin.Plugin.Seasonals/Web/seasonals.js
+++ b/Jellyfin.Plugin.Seasonals/Web/seasonals.js
@@ -265,12 +265,12 @@ function createSettingsPopup(anchorElement) {
         position: 'fixed',
         zIndex: '10000',
         backgroundColor: '#202020',
-        padding: '1.5em',
-        borderRadius: '1em',
+        padding: '1em',
+        borderRadius: '0.3em',
         boxShadow: '0 0 20px rgba(0,0,0,0.5)',
-        minWidth: '250px',
+        minWidth: '200px',
         color: '#fff',
-        maxWidth: '300px'
+        maxWidth: '250px'
     });
 
     const rect = anchorElement.getBoundingClientRect();
@@ -278,7 +278,7 @@ function createSettingsPopup(anchorElement) {
     popup.style.right = `${window.innerWidth - rect.right}px`;
 
     popup.innerHTML = `     
-        <div class="checkboxContainer checkboxContainer-withDescription" style="margin-bottom: 1.5em;">
+        <div class="checkboxContainer checkboxContainer-withDescription" style="margin-bottom: 0.5em;">
             <label class="emby-checkbox-label">
                 <input id="seasonal-enable-toggle" type="checkbox" is="emby-checkbox" class="emby-checkbox" />
                 <span class="checkboxLabel">Enable Seasonals</span>
@@ -287,7 +287,7 @@ function createSettingsPopup(anchorElement) {
 
         <div class="selectContainer">
             <label class="selectLabel" for="seasonal-theme-select" style="margin-bottom: 0.5em; display: block; color: inherit;">Force Theme</label>
-            <select is="emby-select" id="seasonal-theme-select" class="emby-select-withcolor emby-select" style="width: 100%; padding: 0.5em; background-color: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); color: inherit; border-radius: 4px;">
+            <select is="emby-select" id="seasonal-theme-select" class="emby-select-withcolor emby-select" style="width: 100%; padding: 0.5em; background-color: #333; border: 1px solid #444; color: #fff; border-radius: 4px;">
                 <option value="auto">Auto (Date Based)</option>
             </select>
         </div>
@@ -310,7 +310,6 @@ function createSettingsPopup(anchorElement) {
 
     themeSelect.value = getSavedSetting('seasonals-theme', 'auto');
 
-    // Event Listeners
     enabledCheckbox.addEventListener('change', (e) => {
         setSavedSetting('seasonals-enabled', e.target.checked);
         location.reload();
@@ -321,7 +320,6 @@ function createSettingsPopup(anchorElement) {
         location.reload();
     });
 
-    // Close on click outside
     const closeHandler = (e) => {
         if (!popup.contains(e.target) && e.target !== anchorElement && !anchorElement.contains(e.target)) {
             popup.remove();
diff --git a/manifest.json b/manifest.json
index 3277320..e9ff842 100644
--- a/manifest.json
+++ b/manifest.json
@@ -9,10 +9,10 @@
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/raw/branch/main/logo.png",
     "versions": [
       {
-        "version": "1.6.2.0",
+        "version": "1.6.3.0",
         "changelog": "- feat: Add client-side toggle option for seasonal settings",
         "targetAbi": "10.11.0.0",
-        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.6.2.0/Jellyfin.Plugin.Seasonals.zip",
+        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.6.3.0/Jellyfin.Plugin.Seasonals.zip",
         "checksum": "22e876cf0a20118e14f8e2a2c35bdd50",
         "timestamp": "2026-02-03T18:18:34Z"
       },