feat: make it more easy to select the 3rd dose (#84)

dunglas · Nov 27, 2021 · 46e38ce · 46e38ce
1 parent 94f09d6
commit 46e38ce
Showing 1 changed file with 31 additions and 23 deletions.
diff --git a/browser_action/index.html b/browser_action/index.html
@@ -29,6 +29,37 @@
         </button>
       </div>
 
+      <div class="panel-section-separator"></div>
+
+      <div class="panel-formElements-item">
+        <div>
+          <input
+            type="radio"
+            name="injectionType"
+            id="fullServiceInjection"
+            checked
+          />
+          <label for="fullServiceInjection">1ère dose (avec rappel)</label>
+        </div>
+
+        <div>
+          <input type="radio" name="injectionType" id="firstInjectionOnly" />
+          <label for="firstInjectionOnly">1ère dose (sans rappel)</label>
+        </div>
+
+        <div>
+          <input type="radio" name="injectionType" id="secondInjectionOnly" />
+          <label for="secondInjectionOnly">2ème dose</label>
+        </div>
+
+        <div>
+          <input type="radio" name="injectionType" id="thirdInjectionOnly" />
+          <label for="thirdInjectionOnly">3ème dose</label>
+        </div>
+      </div>
+
+      <div class="panel-section-separator"></div>
+
       <div class="panel-formElements-item">
         <div>
           <input type="radio" name="autoBook" id="disableAutoBook" checked />
@@ -95,29 +126,6 @@
       <details class="panel-section panel-section-formElements">
         <summary>Options avancées</summary>
 
-        <div class="panel-formElements-item">
-          <div>
-            <input
-              type="radio"
-              name="injectionType"
-              id="fullServiceInjection"
-              checked
-            />
-            <label for="fullServiceInjection">1ère dose (avec rappel)</label>
-          </div>
-          <div>
-            <input type="radio" name="injectionType" id="firstInjectionOnly" />
-            <label for="firstInjectionOnly">1ère dose (sans rappel)</label>
-          </div>
-          <div>
-            <input type="radio" name="injectionType" id="secondInjectionOnly" />
-            <label for="secondInjectionOnly">2ème dose</label>
-          </div>
-          <div>
-            <input type="radio" name="injectionType" id="thirdInjectionOnly" />
-            <label for="thirdInjectionOnly">3ème dose</label>
-          </div>
-        </div>
         <div class="panel-formElements-item">
           <button id="reset" class="expander">
             Remise à zéro (effacera toutes les données)