Update nutri_call.html

nutri_call.html

@@ -168,6 +168,26 @@ legend {
     margin-bottom: 5px; /* Отступ между заголовком и основным блоком */
 }
 
+
+/* Стили для контейнера первого блока (NPK) */
+.npk-container {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px; /* Отступ между заголовком и основным блоком */
+    margin-left: 18px; /* Общий отступ слева */
+    margin-top: 10px; /* Отступ сверху */
+}
+
+/* Стили для заголовка NPK */
+.header-npk {
+    font-weight: bold;
+    font-size: 1em;
+    text-align: center;
+    width: 280px; /* Ширина заголовка совпадает с шириной блока */
+    margin-bottom: 5px; /* Отступ между заголовком и основным блоком */
+}
+
 /* Стили для основного блока NPK */
 .block-npk {
     display: flex;
@@ -178,7 +198,17 @@ legend {
     background-color: #eaffea;
     border: 1px solid #2e8b57;
     border-radius: 8px;
-    width: 120px; /* Ширина блока */
+    width: 280px; /* Ширина блока */
+}
+
+/* Стили для внутреннего контейнера строк (NPK) */
+.inner-block-npk {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 5px;
+    margin-left: -35px; /* Сдвигаем строки влево */
+    margin-right: 20px; /* Добавляем внешний отступ справа */
 }
 
 .row-npk {
@@ -197,25 +227,6 @@ legend {
     font-size: 0.9em;
 }
 
-/* Стили для контейнера второго блока (Ca-Mg-S) */
-.camgs-container {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 10px; /* Отступ между заголовком и основным блоком */
-    margin-left: 10px; /* Общий отступ слева */
-    margin-top: 10px; /* Отступ сверху */
-}
-
-/* Стили для заголовка Ca-Mg-S */
-.header-camgs {
-    font-weight: bold;
-    font-size: 1em;
-    text-align: center;
-    width: 100px; /* Ширина заголовка совпадает с шириной блока */
-    margin-bottom: 5px; /* Отступ между заголовком и основным блоком */
-}
-
 /* Стили для основного блока Ca-Mg-S */
 .block-camgs {
     display: flex;
@@ -494,25 +505,26 @@ legend {
             </div>
 
 
-<!-- Первый блок NPK -->
-<!-- Заголовок NPK -->
 <!-- Первый блок NPK -->
 <div class="npk-container">
     <!-- Заголовок NPK -->
     <div class="header-npk">N-P-K</div>
     <!-- Основной блок с содержимым -->
     <div class="block-npk">
-        <div class="row-npk">
-            <span class="label-npk">N:</span>
-            <span id="npk-n-value">0</span>
-        </div>
-        <div class="row-npk">
-            <span class="label-npk">P:</span>
-            <span id="npk-p-value">0</span>
-        </div>
-        <div class="row-npk">
-            <span class="label-npk">K:</span>
-            <span id="npk-k-value">0</span>
+        <!-- Дополнительный контейнер для строк -->
+        <div class="inner-block-npk">
+            <div class="row-npk">
+                <span class="label-npk">N:</span>
+                <span id="npk-n-value">0</span>
+            </div>
+            <div class="row-npk">
+                <span class="label-npk">P:</span>
+                <span id="npk-p-value">0</span>
+            </div>
+            <div class="row-npk">
+                <span class="label-npk">K:</span>
+                <span id="npk-k-value">0</span>
+            </div>
         </div>
     </div>
 </div>