Update nutri_call.html

nutri_call.html

@@ -147,7 +147,37 @@ legend {
 
 
 
+/* Стили для колонок азотных элементов */
+.nitrogen-container {
+    display: flex;
+    gap: 20px;
+    align-items: flex-start;
+}
+
+.nitrogen-column {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.nitrogen-group {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.nitrogen-group label {
+    font-weight: bold;
+    min-width: 50px;
+    text-align: right;
+}
 
+.nitrogen-group input {
+    width: 80px;
+    padding: 5px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
 
 
 
@@ -365,26 +395,29 @@ legend {
         </div>
         
         <!-- Азотные элементы -->
-        <div class="nitrogen-container">
-            <div class="nitrogen-group">
-                <label for="profile_nh4">NH4:</label>
-                <input id="profile_nh4" type="number" value="1.0" step="1.0" readonly style="background-color: #f0f0f0; color: #666;">
-            </div>
-            <div class="nitrogen-group">
-                <label for="profile_no3">NO3:</label>
-                <input id="profile_no3" type="number" value="8.25" step="0.01" min="5" max="100.001"/>
+        <div class="nitrogen-container" style="margin-top: 10px; display: flex; gap: 20px;">
+            <!-- Колонка 1: Ввод NH4 и NO3 -->
+            <div class="nitrogen-column">
+                <div class="nitrogen-group">
+                    <label for="profile_nh4">NH4:</label>
+                    <input id="profile_nh4" type="number" value="1.0" step="1.0" readonly style="background-color: #f0f0f0; color: #666;">
+                </div>
+                <div class="nitrogen-group">
+                    <label for="profile_no3">NO3:</label>
+                    <input id="profile_no3" type="number" value="8.25" step="0.01" min="5" max="100.001"/>
+                </div>
             </div>
-        </div>
 
-        <!-- Новый блок: Рассчитанные значения NH4 и NO3 -->
-        <div class="calculated-nitrogen-container" style="margin-top: 20px;">
-            <div class="nitrogen-group">
-                <label for="calculated_nh4">Calculated NH4:</label>
-                <input id="calculated_nh4" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
-            </div>
-            <div class="nitrogen-group">
-                <label for="calculated_no3">Calculated NO3:</label>
-                <input id="calculated_no3" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
+            <!-- Колонка 2: Рассчитанные значения NH4 и NO3 -->
+            <div class="nitrogen-column">
+                <div class="nitrogen-group">
+                    <label for="calculated_nh4">NH4:</label>
+                    <input id="calculated_nh4" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
+                </div>
+                <div class="nitrogen-group">
+                    <label for="calculated_no3">NO3:</label>
+                    <input id="calculated_no3" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
+                </div>
             </div>
         </div>