From de9c72f7600f6063cbda15510d2b774370dcf40e Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Wed, 26 Apr 2023 00:06:07 +0200
Subject: [PATCH] settings arrangement

---
 app.js     | 15 ++++++++-------
 index.html | 13 ++++++-------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/app.js b/app.js
index ba9357f..cfb7735 100644
--- a/app.js
+++ b/app.js
@@ -398,19 +398,20 @@ class Settings {
     }
 
     load() {
-        for (let input of this.form.getElementsByTagName("input")) {
-            if (localStorage[input.name]) input.value = localStorage[input.name]
+        for (let element of settingsForm.elements) {
+            if (element.name) {
+                if (localStorage[element.name]) element.value = localStorage[element.name]
+            }
         }
-        if (localStorage["stylesheet"]) stylesheetSelect.value = localStorage["stylesheet"]
-
         document.selectedStyleSheetSet = stylesheetSelect.value
     }
 
     save() {
-        for (let input of this.form.getElementsByTagName("input")) {
-            localStorage[input.name] = input.value
+        for (let element of settingsForm.elements) {
+            if (element.name) {
+                localStorage[element.name] = element.value
+            }
         }
-        localStorage["stylesheet"] = stylesheetSelect.value
     }
 
     init() {
diff --git a/index.html b/index.html
index 79b9868..3372348 100644
--- a/index.html
+++ b/index.html
@@ -96,14 +96,13 @@
                 </div>
                 <label for="dasInput" class="col-sm-2 col-form-label" title="Delayed AutoShift : délai initial avant répétition">DAS</label>
               </fieldset>
-              <fieldset class="row g-2 mb-3 align-items-center text-center">
-                <legend class="text-start">Feuille de style</legend>
-                <label for="stylesheetSelect" class="col-sm-2 col-form-label text-center">Style</label>
-                <div class="col-sm-4">
+              <fieldset class="row g-2 mb-3 align-items-center text-center justify-content-center">
+                <legend class="text-start">Thème</legend>
+                <div class="col-sm-8">
                   <select name="stylesheet" id="stylesheetSelect" class="form-select" onclick="document.selectedStyleSheetSet=this.value">
                     <option selected>Classique</option>
-                    <option>Électro</option>
                     <option>Pop</option>
+                    <option>Électro</option>
                     <option>Rétro</option>
                   </select>
                 </div>
@@ -228,8 +227,8 @@
                 <tr><th>Score</th>                    <td id="statsModalScoreCell"></td>         <th>Niveau</th>                  <td id="statsModalLevelCell"></td>           </tr>
                 <tr><th>Meilleur score</th>           <td id="statsModalHighScoreCell"></td>     <th>Temps</th>                   <td id="statsModalTimeCell"></td>            </tr>
                 <tr><th>Lignes</th>                   <td id="statsModaltotalClearedLines"></td> <th>Lignes par minutes</th>      <td id="statsModaltotalClearedLinesPM"></td> </tr>
-                <tr><th>Quatris</th>                  <td id="statsModalNbQuatris"></td>         <th>Pirouettes</th>              <td id="statsModalNbTSpin"></td>             </tr>
-                <tr><th>Plus grand enchaînement</th>  <td id="statsModalMaxCombo"></td>          <th>Plus grand bout à bout</th>  <td id="statsModalMaxB2B"></td>              </tr>
+                <tr><th>Quatris</th>                  <td id="statsModalNbQuatris"></td>         <th>Plus grand enchaînement</th> <td id="statsModalMaxCombo"></td>            </tr>
+                <tr><th>Pirouettes</th>               <td id="statsModalNbTSpin"></td>           <th>Plus grand bout à bout</th>  <td id="statsModalMaxB2B"></td>              </tr>
               </table>
             </div>
             <div class="modal-footer">