Update nutri_call.html

nutri_call.html

@@ -4,109 +4,108 @@
   <meta charset="UTF-8">
   <title>Калькулятор удобрений</title>
 <style>
-    body {
-        margin: 0 auto;
-        width: 1000px;
-        padding: 1em;
-        background-color: #f0f0f0;
-        font-family: Arial, sans-serif;
-    }
-    h1 {
-        background-color: #2e8b57;
-        color: white;
-        text-align: center;
-        padding: 1em;
-        border-radius: 10px;
-        margin-bottom: 20px;
-    }
-    fieldset {
-        border: 2px solid #2e8b57;
-        background-color: #eaffea;
-        padding: 1em;
-        margin-bottom: 20px;
-        border-radius: 8px;
-    }
-    legend {
-        font-weight: bold;
-        color: #2e8b57;
-        padding: 0 10px;
-    }
-    input[type=number] {
-        width: 80px;
-        padding: 3px;
-        border: 1px solid #ccc;
-        border-radius: 4px;
-    }
-
-    .main-container {
-        display: grid;
-        grid-template-columns: 120px repeat(8, 90px);
-        gap: 10px;
-        padding: 10px;
-    }
-
-    .profile-container {
-        display: contents;
-    }
-
-    .profile-element {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-
-    .profile-label {
-        font-weight: bold;
-        margin-bottom: 5px;
-    }
-
-    .nitrogen-container {
-        grid-column: 1 / -1;
-        display: flex;
-        gap: 20px;
-        padding-left: 120px;
-        margin-top: 10px;
-    }
-
-    .nitrogen-group {
-        display: flex;
-        align-items: center;
-        gap: 5px;
-    }
-
-    /* Стили для нижнего блока — таблица в одну строку */
-    .fertilisers-container {
-        display: flex;
-        flex-direction: column;
-        gap: 10px;
-    }
-
-    .fert-header-row,
-    .fert-row {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-    }
-
-    .fert-header {
-        font-weight: bold;
-        text-align: center;
-        width: 80px;
-    }
-
-    .fert-name {
-        font-weight: bold;
-        width: 120px;
-    }
-
-    .fert-cell {
-        width: 80px;
-        text-align: center;
-    }
-
-    .fert-input {
-        width: 80px;
-    }
+body {
+    margin: 0 auto;
+    width: 1000px;
+    padding: 1em;
+    background-color: #f0f0f0;
+    font-family: Arial, sans-serif;
+}
+
+h1 {
+    background-color: #2e8b57;
+    color: white;
+    text-align: center;
+    padding: 1em;
+    border-radius: 10px;
+    margin-bottom: 20px;
+}
+
+fieldset {
+    border: 2px solid #2e8b57;
+    background-color: #eaffea;
+    padding: 1em;
+    margin-bottom: 20px;
+    border-radius: 8px;
+}
+
+legend {
+    font-weight: bold;
+    color: #2e8b57;
+    padding: 0 10px;
+}
+
+input[type=number] {
+    width: 80px;
+    padding: 3px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+
+/* Верхний блок */
+.main-container {
+    display: grid;
+    grid-template-columns: 120px repeat(8, 90px);
+    gap: 10px;
+    padding: 10px;
+}
+
+.profile-container {
+    display: contents;
+}
+
+.profile-element {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.profile-label {
+    font-weight: bold;
+    margin-bottom: 5px;
+}
+
+.nitrogen-container {
+    grid-column: 1 / -1;
+    display: flex;
+    gap: 20px;
+    padding-left: 120px;
+    margin-top: 10px;
+}
+
+.nitrogen-group {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+
+/* Нижний блок - удобрения */
+
+.fert-header-row {
+    display: flex;
+    align-items: center;
+    font-weight: bold;
+    padding: 5px 0;
+}
+
+.fert-row {
+    display: flex;
+    align-items: center;
+    margin: 4px 0;
+}
+
+.fert-name {
+    width: 120px;
+    font-weight: bold;
+}
+
+.fert-cell,
+.fert-input {
+    width: 80px;
+    text-align: center;
+    margin-right: 10px;
+}
+
 </style>
 
 </head>
@@ -165,78 +164,90 @@
 
 <fieldset>
     <legend>Составы солей</legend>
-    <div class="main-container">
-        <!-- Заголовки -->
-        <span class="fert-header fert-name">Удобрение</span>
-        <span class="fert-header">NH4</span>
-        <span class="fert-header">NO3</span>
-        <span class="fert-header">P</span>
-        <span class="fert-header">K</span>
-        <span class="fert-header">Ca</span>
-        <span class="fert-header">Mg</span>
-        <span class="fert-header">S</span>
-        <span class="fert-header">грамм</span>
-        
-        <!-- Строки с удобрениями -->
+
+    <div class="fert-header-row">
+        <span class="fert-name">Удобрение</span>
+        <span class="fert-cell">NH4</span>
+        <span class="fert-cell">NO3</span>
+        <span class="fert-cell">P</span>
+        <span class="fert-cell">K</span>
+        <span class="fert-cell">Ca</span>
+        <span class="fert-cell">Mg</span>
+        <span class="fert-cell">S</span>
+        <span class="fert-cell">грамм</span>
+    </div>
+
+    <div class="fert-row">
         <span class="fert-name">CaN2O6</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_ca_no3"/>
+        <input class="fert-input" type="number" step="0.001" id="fert_ca_no3" />
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_ca_ca"/>
+        <input class="fert-input" type="number" step="0.001" id="fert_ca_ca" />
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_ca_gram"/>
-        
+        <input class="fert-input" type="number" step="0.001" id="fert_ca_gram" />
+    </div>
+
+    <div class="fert-row">
         <span class="fert-name">KNO3</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_kno3_no3"/>
+        <input class="fert-input" type="number" step="0.001" id="fert_kno3_no3" />
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_kno3_k"/>
+        <input class="fert-input" type="number" step="0.001" id="fert_kno3_k" />
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_kno3_gram"/>
-        
+        <input class="fert-input" type="number" step="0.001" id="fert_kno3_gram" />
+    </div>
+
+    <div class="fert-row">
         <span class="fert-name">NH4NO3</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_nh4no3_nh4"/>
-        <input class="fert-input" type="number" step="0.001" id="fert_nh4no3_no3"/>
+        <input class="fert-input" type="number" step="0.001" id="fert_nh4no3_nh4" />
+        <input class="fert-input" type="number" step="0.001" id="fert_nh4no3_no3" />
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_nh4no3_gram"/>
-        
+        <input class="fert-input" type="number" step="0.001" id="fert_nh4no3_gram" />
+    </div>
+
+    <div class="fert-row">
         <span class="fert-name">MgSO4</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_mgso4_mg"/>
-        <input class="fert-input" type="number" step="0.001" id="fert_mgso4_s"/>
-        <input class="fert-input" type="number" step="0.001" id="fert_mgso4_gram"/>
-        
+        <input class="fert-input" type="number" step="0.001" id="fert_mgso4_mg" />
+        <input class="fert-input" type="number" step="0.001" id="fert_mgso4_s" />
+        <input class="fert-input" type="number" step="0.001" id="fert_mgso4_gram" />
+    </div>
+
+    <div class="fert-row">
         <span class="fert-name">KH2PO4</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_kh2po4_p"/>
-        <input class="fert-input" type="number" step="0.001" id="fert_kh2po4_k"/>
+        <input class="fert-input" type="number" step="0.001" id="fert_kh2po4_p" />
+        <input class="fert-input" type="number" step="0.001" id="fert_kh2po4_k" />
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_kh2po4_gram"/>
-        
+        <input class="fert-input" type="number" step="0.001" id="fert_kh2po4_gram" />
+    </div>
+
+    <div class="fert-row">
         <span class="fert-name">K2SO4</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_k2so4_k"/>
+        <input class="fert-input" type="number" step="0.001" id="fert_k2so4_k" />
         <span class="fert-cell">-</span>
         <span class="fert-cell">-</span>
-        <input class="fert-input" type="number" step="0.001" id="fert_k2so4_s"/>
-        <input class="fert-input" type="number" step="0.001" id="fert_k2so4_gram"/>
+        <input class="fert-input" type="number" step="0.001" id="fert_k2so4_s" />
+        <input class="fert-input" type="number" step="0.001" id="fert_k2so4_gram" />
     </div>
 </fieldset>
+
 </body>
 </html>