Update nutri_call.html

nutri_call.html

@@ -38,36 +38,46 @@
         border-radius: 4px;
     }
     
-    /* Основные элементы в одну строку сверху */
-    .profile-grid-container {
-        display: grid;
-        grid-template-columns: repeat(7, 1fr);
-        gap: 10px;
-        padding: 10px;
-        text-align: center;
-    }
+/* Основные элементы в одну строку сверху */
+.profile-grid-container {
+    display: grid;
+    grid-template-columns: repeat(7, 90px); /* Такая же ширина как в нижнем блоке */
+    gap: 10px;
+    padding: 10px;
+    text-align: center;
+}
+
     
-    /* Контейнер для азотных элементов */
-    .nitrogen-container {
-        display: flex;
-        gap: 20px;
-        padding: 10px;
-        margin-top: 10px;
-    }
+/* Контейнер для азотных элементов */
+.nitrogen-container {
+    display: flex;
+    gap: 20px;
+    padding: 10px 10px 10px 120px; /* Отступ слева как в нижнем блоке */
+    margin-top: 10px;
+}
     
-    /* Стиль для группы азотных элементов */
-    .nitrogen-group {
-        display: flex;
-        align-items: center;
-        gap: 5px;
-    }
+/* Стиль для группы азотных элементов */
+.nitrogen-group {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+
     
-    /* Стиль для подписей */
-    .element-label {
-        font-weight: bold;
-        margin-bottom: 5px;
-        display: block;
-    }
+/* Стиль для подписей */
+.element-label {
+    font-weight: bold;
+    margin-bottom: 5px;
+    display: block;
+    width: 90px; /* Такая же ширина как ячейки в нижнем блоке */
+    text-align: center;
+}
+/* Стиль для полей ввода в верхнем блоке */
+.profile-grid-container input[type=number],
+.nitrogen-group input[type=number] {
+    width: 80px; /* Такая же ширина как в нижнем блоке */
+    margin: 0 auto;
+}
     
     /* Новая сетка для удобрений */
     .fertilisers-container {