Update settings.html

settings.html

@@ -132,11 +132,63 @@ input[type="number"] {
 
 
 
-
+<br>
   
 
 
+<div class="card-deck">
+  <div class="card">
+    
+    <div class="card-body">
+      <h4>Свет ON </h4>  
+  <p>EEPROM: <span id="l_ON_h_eep"></span> : <span id="l_ON_m_eep"></span></p>
+<form>
+   <label for="l_ON_h_set">Новое h : </label>
+   <input type="number"  id="l_ON_h_set" value="12" min="0" max="23" step="1">
+</form>  
+<form>
+   <label for="l_ON_m_set">Новое m : </label>
+   <input type="number"  id="l_ON_m_set" value="30" min="0" max="59" step="1">
+</form> 
+    </div>
+    <div class="card-footer">
+      <button id="l_ON_set" type="button" class="btn btn-primary">Записать</button>
+    </div>
+  </div>
+  <div class="card">
+    
+    <div class="card-body">
+      <h4>Свет OFF </h4>  
+  <p>EEPROM: <span id="l_OFF_h_eep"></span> : <span id="l_OFF_m_eep"></span></p>
+<form>
+   <label for="l_OFF_h_set">Новое h : </label>
+   <input type="number"  id="l_OFF_h_set" value="12" min="0" max="23" step="1">
+</form>  
+<form>
+   <label for="l_OFF_m_set">Новое m : </label>
+   <input type="number"  id="l_OFF_m_set" value="30" min="0" max="59" step="1">
+</form> 
+    </div>
+    <div class="card-footer">
+      <button id="l_OFF_set" type="button" class="btn btn-primary">Записать</button>
+    </div>
+  </div>
+  <div class="card">
+    
+    <div class="card-body">
+      <h4>Тем. воздуха</h4>  
+  <p>EEPROM : <span id="t_Voz_eep"></span></p>
 
+<form>
+   <label for="t_Voz_eep_set">Новое : </label>
+   <input type="number"  id="t_Voz_eep_set" value="25" min="10" max="40" step="1">
+</form> 
+    </div>
+    <div class="card-footer">
+      <button id="t_Voz_set" type="button" class="btn btn-primary">Записать</button>
+    </div>
+  </div>
+</div>
 
 
 
@@ -174,44 +226,20 @@ input[type="number"] {
 
 
  <!-- Свет ON  -->   
- <br> <br>
-<h4>Свет ON </h4>  
-  <p>EEPROM: <span id="l_ON_h_eep"></span> : <span id="l_ON_m_eep"></span></p>
-<form>
-   <label for="l_ON_h_set">Новое h : </label>
-   <input type="number"  id="l_ON_h_set" value="12" min="0" max="23" step="1">
-</form>  
-<form>
-   <label for="l_ON_m_set">Новое m : </label>
-   <input type="number"  id="l_ON_m_set" value="30" min="0" max="59" step="1">
-</form> 
-<button id="l_ON_set" type="button" class="btn btn-primary">Записать</button>
+
+
+
 
  <!-- Свет OFF  -->    
- <br><br>
-<h4>Свет OFF </h4>  
-  <p>EEPROM: <span id="l_OFF_h_eep"></span> : <span id="l_OFF_m_eep"></span></p>
-<form>
-   <label for="l_OFF_h_set">Новое h : </label>
-   <input type="number"  id="l_OFF_h_set" value="12" min="0" max="23" step="1">
-</form>  
-<form>
-   <label for="l_OFF_m_set">Новое m : </label>
-   <input type="number"  id="l_OFF_m_set" value="30" min="0" max="59" step="1">
-</form> 
-<button id="l_OFF_set" type="button" class="btn btn-primary">Записать</button>
+
+
+
 
 
   
 <br><br>
-<h4>Тем. воздуха</h4>  
-  <p>EEPROM : <span id="t_Voz_eep"></span></p>
 
-<form>
-   <label for="t_Voz_eep_set">Новое : </label>
-   <input type="number"  id="t_Voz_eep_set" value="25" min="10" max="40" step="1">
-</form> 
-<button id="t_Voz_set" type="button" class="btn btn-primary">Записать</button>
+
 
   
 </div>