From 3b88a1809defbbc367fa85999fcb2ad2a2ad9436 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Mon, 16 Feb 2026 18:48:07 +0100
Subject: [PATCH] small UI changes

---
 .../Configuration/configPage.html              | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
index f55ce55..6b3b82e 100644
--- a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
+++ b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
@@ -88,9 +88,11 @@
 
                     <!-- Auto Selection Tab -->
                     <div id="seasonals-auto-selection" class="seasonals-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>
+                        <h3>Auto Selection Rules</h3>
+                        
+                        <div style="background-color: rgba(255, 255, 255, 0.05); border-left: 4px solid #00a4dc; border-radius: 4px; padding: 1em 1.5em; margin: 1.5em 0; display: flex; align-items: center; gap: 1em;">
+                            <i class="material-icons" style="color: #00a4dc; font-size: 24px;">info</i>
+                            <div>Define rules to automatically select a season based on the date. Rules are evaluated from top to bottom. The first matching rule wins.</div>
                         </div>
                         
                         <div id="seasonalRulesList">
@@ -98,7 +100,7 @@
                         </div>
 
                         <button is="emby-button" type="button" class="raised button-accent block" onclick="SeasonalsConfigPage.addRule();">
-                            <i class="material-icons button-icon button-icon-left">add</i>
+                            <i class="material-icons" style="font-size: 24px;">add</i>
                             <span>Add Rule</span>
                         </button>
                     </div>
@@ -613,8 +615,7 @@
             }
             .seasonal-rule-content {
                 display: grid;
-                /* grid-template-columns: 2fr 1fr 1fr 2fr; */
-                grid-template-columns: 2fr 1.2fr 1.2fr 1.6fr;
+                grid-template-columns: 2fr 1.2fr 1.2fr 2fr;
                 gap: 15px;
                 align-items: end;
             }
@@ -639,10 +640,10 @@
                 border-bottom: 2px solid #00a4dc !important;
             }
 
-            /* Disabled options in selects
+            /* Disabled options in selects */
             select option:disabled {
                 color: #a3a3a3 !important;
-            } */
+            }
         </style>
         <script>
             function showSeasonalsTab(tabId, btn) {
@@ -727,6 +728,7 @@
                                     <option value="santa">Santa</option>
                                     <option value="autumn">Autumn</option>
                                     <option value="easter">Easter</option>
+                                    <option value="resurrection">Resurrection</option>
                                 </select>
                             </div>
                          </div>