From 236d8d9e701d8def8464e7234c2d0b9272cae214 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Mon, 16 Feb 2026 15:39:42 +0100
Subject: [PATCH] fix tabs

---
 .../Configuration/configPage.html              | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)
diff --git a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
index 445c79e..699116a 100644
--- a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
+++ b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
@@ -6,11 +6,6 @@
 </head>
 <body>
     <div id="SeasonalsConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox">
-        <!-- <style>
-            select option:disabled {
-                color: #a3a3a3 !important;
-            }
-        </style> -->
         <div data-role="content">
             <div class="content-primary">
                 <div class="sectionTitleContainer">
@@ -26,7 +21,7 @@
                 <div style="margin-bottom: 1.5em;">
                     <button class="jellyfin-tab-button active" onclick="showTab('basic', this)"
                         style="background: none; border: none; color: #fff; cursor: pointer; transition: color 0.3s, border-bottom 0.3s; padding: 0.5em 1em; border-bottom: 2px solid #00a4dc;">
-                        <h3>General</h3>
+                        <h3>General Settings</h3>
                     </button>
                     <button class="jellyfin-tab-button" onclick="showTab('auto-selection', this)"
                         style="background: none; border: none; color: #ccc; cursor: pointer; transition: color 0.3s, border-bottom 0.3s; padding: 0.5em 1em; border-bottom: 2px solid transparent;">
@@ -40,7 +35,7 @@
 
                 <form id="SeasonalsConfigForm">
                     <!-- General Tab -->
-                    <div id="tab-general" class="tab-content" style="display: block;">
+                    <div id="general" class="tab-content">
                         <div class="checkboxContainer checkboxContainer-withDescription">
                             <label class="emby-checkbox-label">
                                 <input id="IsEnabled" name="IsEnabled" type="checkbox" is="emby-checkbox" />
@@ -91,7 +86,7 @@
                     </div>
 
                     <!-- Auto Selection Tab -->
-                    <div id="tab-auto-selection" class="tab-content" style="display: none;">
+                    <div id="auto-selection" class="tab-content" style="display: none;">
                         <div style="background-color: rgba(255, 255, 255, 0.05); border-left: 4px solid #00a4dc; border-radius: 4px; padding: 1em 1.5em; margin-bottom: 1.5em;">
                             <h3>Auto Selection Rules</h3>
                             <p>Define rules to automatically select a season based on the date. Rules are evaluated from top to bottom. The first matching rule wins.</p>
@@ -108,7 +103,7 @@
                     </div>
 
                     <!-- Advanced Tab -->
-                    <div id="tab-advanced" class="tab-content" style="display: none;">
+                    <div id="advanced" class="tab-content" style="display: none;">
                          <p>Configure specific settings for each seasonal theme below.</p>
                          <p>All symbol count settings add this number in addition to the standard 12 symbols (if additional symbols is enabled).</p>
                          <details>
@@ -602,6 +597,11 @@
                 color: #fff !important;
                 border-bottom: 2px solid #00a4dc !important;
             }
+
+            /* Disabled options in selects */
+            select option:disabled {
+                color: #a3a3a3 !important;
+            }
         </style>
         <script>
             function showTab(tabId, btn) {
