Refactor checkbox descriptions for improved HTML structure and accessibility

Jellyfin.Plugin.Seasonals/Configuration/configPage.html

@@ -350,8 +350,8 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableEid" name="EnableEid" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Eid al-Fitr Seasonal</span>
-                                    <div class="fieldDescription">Enable the Eid al-Fitr theme in general (e.g. for automation).</div>
                                 </label>
+                                <div class="fieldDescription">Enable the Eid al-Fitr theme in general (e.g. for automation).</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="EidLanternCount">Lantern Count</label>
@@ -413,8 +413,8 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableFilmNoir" name="EnableFilmNoir" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Film-Noir Seasonal</span>
-                                    <div class="fieldDescription">Enable the Film-Noir theme in general (e.g. for automation).</div>
                                 </label>
+                                <div class="fieldDescription">Enable the Film-Noir theme in general (e.g. for automation).</div>
                             </div>
                         </details>
                         <hr style="max-width: 800px; margin: 1em 0;">
@@ -464,8 +464,8 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableFriday13" name="EnableFriday13" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Friday the 13th Seasonal</span>
-                                    <div class="fieldDescription">Enable the Friday the 13th theme in general (e.g. for automation).</div>
                                 </label>
+                                <div class="fieldDescription">Enable the Friday the 13th theme in general (e.g. for automation).</div>
                             </div>
                         </details>
                         <hr style="max-width: 800px; margin: 1em 0;">
@@ -476,8 +476,8 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableFrost" name="EnableFrost" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Frost Seasonal</span>
-                                    <div class="fieldDescription">Enable the Frost theme in general (e.g. for automation).</div>
                                 </label>
+                                <div class="fieldDescription">Enable the Frost theme in general (e.g. for automation).</div>
                             </div>
                         </details>
                         <hr style="max-width: 800px; margin: 1em 0;">
@@ -560,15 +560,15 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableMarioDay" name="EnableMarioDay" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Mario Day Seasonal</span>
-                                    <div class="fieldDescription">Enable the Mario Day theme in general (e.g. for automation).</div>
                                 </label>
+                                <div class="fieldDescription">Enable the Mario Day theme in general (e.g. for automation).</div>
                             </div>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
                                     <input id="LetMarioJump" name="LetMarioJump" type="checkbox" is="emby-checkbox" />
                                     <span>Let Mario Jump</span>
-                                    <div class="fieldDescription">Lets Mario jump randomly.</div>
                                 </label>
+                                <div class="fieldDescription">Lets Mario jump randomly.</div>
                             </div>
                         </details>
                         <hr style="max-width: 800px; margin: 1em 0;">
@@ -608,8 +608,8 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableOktoberfest" name="EnableOktoberfest" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Oktoberfest Seasonal</span>
-                                    <div class="fieldDescription">Enable the Oktoberfest theme in general (e.g. for automation).</div>
                                 </label>
+                                <div class="fieldDescription">Enable the Oktoberfest theme in general (e.g. for automation).</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="OktoberfestCount">Symbol Count</label>
@@ -625,8 +625,8 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableDifferentDurationOktoberfest" name="EnableDifferentDurationOktoberfest" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Different Duration</span>
-                                    <div class="fieldDescription">Randomize the Oktoberfest symbol duration.</div>
                                 </label>
+                                <div class="fieldDescription">Randomize the Oktoberfest symbol duration.</div>
                             </div>
                         </details>
                         <hr style="max-width: 800px; margin: 1em 0;">
@@ -665,8 +665,8 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableOscar" name="EnableOscar" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Oscar Awards Seasonal</span>
-                                    <div class="fieldDescription">Enable the Oscar Awards theme in general (e.g. for automation).</div>
                                 </label>
+                                <div class="fieldDescription">Enable the Oscar Awards theme in general (e.g. for automation).</div>
                             </div>
                         </details>
                         <hr style="max-width: 800px; margin: 1em 0;">
@@ -990,12 +990,14 @@
                                     <input id="EnableDifferentDurationSpooky" name="EnableDifferentDurationSpooky" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Different Symbol Durations</span>
                                 </label>
+                                <div class="fieldDescription">Enable different animation durations for symbols.</div>
                             </div>
                             <div class="checkboxContainer">
                                 <label class="emby-checkbox-label">
                                     <input id="EnableSpookySway" name="EnableSpookySway" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Swaying Motion</span>
                                 </label>
+                                <div class="fieldDescription">Enable swaying motion for symbols.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="SpookyGlowSize">Glow Size</label>
@@ -1161,8 +1163,8 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableStarWars" name="EnableStarWars" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Star Wars Seasonal</span>
-                                    <div class="fieldDescription">Enable the Star Wars theme in general (e.g. for automation).</div>
                                 </label>
+                                <div class="fieldDescription">Enable the Star Wars theme in general (e.g. for automation).</div>
                             </div>
                         </details>
                         <hr style="max-width: 800px; margin: 1em 0;">

manifest.json

@@ -10,7 +10,7 @@
     "versions": [
       {
         "version": "2.0.0.7",
-        "changelog": "- feat: add new themes:\n- birthday (ballons, computer mouse interactive)\n- earthday\n- Eid al-Fitr (sugar feast/ramadan)\n- eurovision\n- Film Noir filter\n- Friday the 13\n- frost\n- Mario Day\n- Matrix\n- Oktoberfest\n- Olympia\n- Oscar Awards\n- Pride\n- Rain\n- Spooky\n- Sports (many selectable balls of ball games like handball, football (soccer) or tennis)\n- StarWars Day\n- Storm (Epilepsy Warning!!!, Thunderstorm)\n- refactored spring (new lawn with flowers), easter (new easter bunny, new lawn with flowers and ester eggs), halloween (add spiders (computer mouse sensitive), add mice, add fog) \n- fix: many improvements and bug fixes e.g. changed top to translate/transform for performance reasons",
+        "changelog": "feat: add new themes:\n- birthday (ballons, computer mouse interactive)\n- earthday\n- Eid al-Fitr (sugar feast/ramadan)\n- eurovision\n- Film Noir filter\n- Friday the 13\n- frost\n- Mario Day\n- Matrix\n- Oktoberfest\n- Olympia\n- Oscar Awards\n- Pride\n- Rain\n- Spooky\n- Sports (many selectable balls of ball games like handball, football (soccer) or tennis)\n- StarWars Day\n- Storm (Epilepsy Warning!!!, Thunderstorm)\n\n- refactored spring (new lawn with flowers), easter (new easter bunny, new lawn with flowers and ester eggs), halloween (add spiders (computer mouse sensitive), add mice, add fog) \n- fix: many improvements and bug fixes e.g. changed top to translate/transform for performance reasons",
         "targetAbi": "10.11.0.0",
         "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v2.0.0.7/Jellyfin.Plugin.Seasonals.zip",
         "checksum": "69192bdb27bdd84e3a0180fe243c9396",