Update nutri_call.html

nutri_call.html

@@ -150,7 +150,8 @@ legend {
 
 /* Стили для блока NPK (Ca-Mg-S)*/
 /* Общие стили для всех блоков */
-.npk-block {
+/* Стили для первого блока (NPK) */
+.block-npk {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -159,11 +160,12 @@ legend {
     background-color: #eaffea;
     border: 1px solid #2e8b57;
     border-radius: 8px;
-    width: 280px; /* Увеличиваем ширину */
-    margin-left: 18px; /* Сдвигаем блок */
+    width: 280px; /* Ширина блока */
+    margin-left: 18px; /* Сдвигаем блок вправо */
+    margin-top: 10px; /* Отступ сверху */
 }
 
-.npk-header {
+.header-npk {
     font-weight: bold;
     font-size: 1em;
     text-align: center;
@@ -171,32 +173,59 @@ legend {
     width: 100%;
 }
 
-.npk-row {
+.row-npk {
     display: flex;
     align-items: center;
     gap: 5px;
 }
 
-.npk-label {
+.label-npk {
     font-weight: bold;
-    min-width: 40px; /* Увеличиваем минимальную ширину меток */
+    min-width: 40px; /* Минимальная ширина меток */
     text-align: right;
 }
 
-.npk-row span {
+.row-npk span {
     font-size: 0.9em;
 }
 
-/* Уникальные стили для первого блока (NPK) */
-.npk-block-npk {
+/* Стили для второго блока (Ca-Mg-S) */
+.block-camgs {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 5px;
+    padding: 10px;
+    background-color: #e6f7ff; /* Другой цвет фона */
+    border: 1px solid #1e90ff;
+    border-radius: 8px;
+    width: 280px; /* Ширина блока */
+    margin-left: 330px; /* Сдвигаем блок правее */
     margin-top: 10px; /* Отступ сверху */
 }
 
-/* Уникальные стили для второго блока (Ca-Mg-S) */
-.npk-block-camgs {
-    margin-top: 20px; /* Более крупный отступ сверху */
-    margin-left: 30px; /* Сдвигаем правее */
-    width: 380px; /* Увеличиваем ширину */
+.header-camgs {
+    font-weight: bold;
+    font-size: 1em;
+    text-align: center;
+    margin-bottom: 5px;
+    width: 100%;
+}
+
+.row-camgs {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+
+.label-camgs {
+    font-weight: bold;
+    min-width: 40px; /* Минимальная ширина меток */
+    text-align: right;
+}
+
+.row-camgs span {
+    font-size: 0.9em;
 }