Update nutri_call.html

nutri_call.html

@@ -118,7 +118,7 @@ legend {
 
 
 /* Стили для NH4 -- NO3 */
-.nitrogen-container {
+#nh4-no3-block .nitrogen-container {
     display: flex;
     gap: 20px;
     align-items: flex-start;
@@ -126,14 +126,14 @@ legend {
     margin-top: -50px; /* Отступ сверху */
 }
 
-.nitrogen-column {
+#nh4-no3-block .nitrogen-column {
     display: flex;
     flex-direction: column;
     gap: 10px;
     align-items: center; /* Центрируем содержимое колонки */
 }
 
-.column-header {
+#nh4-no3-block .column-header {
     font-weight: bold;
     font-size: 0.8em;
     margin-bottom: 5px;
@@ -141,12 +141,12 @@ legend {
     width: 100%;
 }
 
-.nitrogen-group {
+#nh4-no3-block .nitrogen-group {
     display: flex;
     justify-content: center; /* Центрируем поля ввода */
 }
 
-.nitrogen-group input {
+#nh4-no3-block .nitrogen-group input {
     width: 80px;
     padding: 5px;
     border: 1px solid #ccc;
@@ -584,26 +584,28 @@ legend {
         </div>
         
 <!-- NH4 -- NO3 -->
-<div class="nitrogen-container">
-    <!-- Колонка 1: NH4 -->
-    <div class="nitrogen-column">
-        <div class="column-header">NH4</div>
-        <div class="nitrogen-group">
-            <input id="profile_nh4" type="number" value="1.0" step="1.0" readonly>
-        </div>
-        <div class="nitrogen-group">
-            <input id="calculated_nh4" type="number" value="0.000" step="0.001" readonly>
+<div id="nh4-no3-block">
+    <div class="nitrogen-container">
+        <!-- Колонка 1: NH4 -->
+        <div class="nitrogen-column">
+            <div class="column-header">NH4</div>
+            <div class="nitrogen-group">
+                <input id="profile_nh4" type="number" value="1.0" step="1.0" readonly>
+            </div>
+            <div class="nitrogen-group">
+                <input id="calculated_nh4" type="number" value="0.000" step="0.001" readonly>
+            </div>
         </div>
-    </div>
 
-    <!-- Колонка 2: NO3 -->
-    <div class="nitrogen-column">
-        <div class="column-header">NO3</div>
-        <div class="nitrogen-group">
-            <input id="profile_no3" type="number" value="8.25" step="0.01" min="0" max="100.001">
-        </div>
-        <div class="nitrogen-group">
-            <input id="calculated_no3" type="number" value="0.000" step="0.001" readonly>
+        <!-- Колонка 2: NO3 -->
+        <div class="nitrogen-column">
+            <div class="column-header">NO3</div>
+            <div class="nitrogen-group">
+                <input id="profile_no3" type="number" value="8.25" step="0.01" min="0" max="100.001">
+            </div>
+            <div class="nitrogen-group">
+                <input id="calculated_no3" type="number" value="0.000" step="0.001" readonly>
+            </div>
         </div>
     </div>
 </div>