Update nutri_call.html

nutri_call.html

@@ -149,7 +149,24 @@ legend {
 
 
 
-/* Стили для блока NPK (NPK) */
+/* Стили для контейнера заголовка NPK */
+.header-container-npk {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 10px; /* Отступ между заголовком и блоком */
+}
+
+.header-npk {
+    font-weight: bold;
+    font-size: 1em;
+    padding: 5px 10px;
+    background-color: #eaffea;
+    border: 1px solid #2e8b57;
+    border-radius: 8px;
+    text-align: center;
+}
+
+/* Стили для блока NPK */
 .block-npk {
     display: flex;
     flex-direction: column;
@@ -161,15 +178,7 @@ legend {
     border-radius: 8px;
     width: 280px; /* Ширина блока */
     margin-left: 18px; /* Сдвигаем блок вправо */
-    margin-top: 10px; /* Отступ сверху */
-}
-
-.header-npk {
-    font-weight: bold;
-    font-size: 1em;
-    text-align: center;
-    margin-bottom: 5px;
-    width: 100%;
+    margin-top: 0; /* Убираем отступ сверху */
 }
 
 .row-npk {
@@ -182,12 +191,30 @@ legend {
     font-weight: bold;
     min-width: 50px; /* Минимальная ширина меток */
     text-align: right;
+    margin-left: -10px; /* Сдвигаем текст влево */
 }
 
 .row-npk span {
     font-size: 0.9em;
 }
 
+/* Стили для контейнера заголовка Ca-Mg-S */
+.header-container-camgs {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 10px; /* Отступ между заголовком и блоком */
+}
+
+.header-camgs {
+    font-weight: bold;
+    font-size: 1em;
+    padding: 5px 10px;
+    background-color: #eaffea;
+    border: 1px solid #2e8b57;
+    border-radius: 8px;
+    text-align: center;
+}
+
 /* Стили для второго блока (Ca-Mg-S) */
 .block-camgs {
     display: flex;
@@ -200,15 +227,7 @@ legend {
     border-radius: 8px;
     width: 280px; /* Ширина блока */
     margin-left: 10px; /* Сдвигаем блок правее */
-    margin-top: 10px; /* Отступ сверху */
-}
-
-.header-camgs {
-    font-weight: bold;
-    font-size: 1em;
-    text-align: center;
-    margin-bottom: 5px;
-    width: 100%;
+    margin-top: 0; /* Убираем отступ сверху */
 }
 
 /* Стили для внутреннего контейнера строк */
@@ -220,6 +239,7 @@ legend {
     margin-left: -35px; /* Сдвигаем строки влево */
     margin-right: 20px; /* Добавляем внешний отступ справа */
 }
+
 .row-camgs {
     display: flex;
     align-items: center;
@@ -230,14 +250,13 @@ legend {
     font-weight: bold;
     min-width: 80px; /* Минимальная ширина меток */
     text-align: right;
+    margin-left: -10px; /* Сдвигаем текст влево */
 }
 
 .row-camgs span {
     font-size: 0.9em;
 }
 
-
-
   
 /* Стили для таблицы удобрений */
 .fertilisers-container {
@@ -478,10 +497,13 @@ legend {
 
 
 <!-- Первый блок NPK -->
-<!-- Первый блок NPK -->
+<!-- Заголовок NPK -->
+<div class="header-container-npk">
+    <div class="header-npk">N-P-K</div>
+</div>
+
 <!-- Первый блок NPK -->
 <div class="block-npk">
-    <div class="header-npk">N-P-K</div>
     <div class="row-npk">
         <span class="label-npk">N:</span>
         <span id="npk-n-value">0</span>
@@ -496,9 +518,13 @@ legend {
     </div>
 </div>
 
+<!-- Заголовок Ca-Mg-S -->
+<div class="header-container-camgs">
+    <div class="header-camgs">Ca-Mg-S</div>
+</div>
+
 <!-- Второй блок Ca-Mg-S -->
 <div class="block-camgs">
-    <div class="header-camgs">Ca-Mg-S</div>
     <!-- Дополнительный контейнер для строк -->
     <div class="inner-block-camgs">
         <div class="row-camgs">