Update nutri_call.html

nutri_call.html

@@ -37,20 +37,39 @@
         border: 1px solid #ccc;
         border-radius: 4px;
     }
-    .profile-grid-container {
-        display: grid;
-        grid-template-columns: repeat(7, auto);
-        grid-gap: 5px;
+    
+    /* Основные элементы в одну строку */
+    .main-elements {
+        display: flex;
+        justify-content: center;
+        gap: 10px;
         padding: 10px;
-        align-items: center;
+        flex-wrap: wrap;
     }
-    .nitrogen-grid-container {
-        display: grid;
-        grid-template-columns: auto auto;
-        grid-gap: 5px;
-        padding: 10px 10px 0 10px;
+    
+    /* Контейнер для каждого элемента */
+    .element-group {
+        display: flex;
+        flex-direction: column;
         align-items: center;
     }
+    
+    /* Азотные элементы в одну строку под основными */
+    .nitrogen-elements {
+        display: flex;
+        justify-content: center;
+        gap: 20px;
+        padding: 10px;
+        margin-top: -10px;
+    }
+    
+    /* Стиль для подписей */
+    .element-label {
+        margin-bottom: 5px;
+        font-weight: bold;
+    }
+    
+    /* Сетка для удобрений */
     .fertilisers-grid-container {
         display: grid;
         grid-template-columns: repeat(10, auto);
@@ -58,10 +77,6 @@
         padding: 10px;
         align-items: center;
     }
-    .profile-label {
-        text-align: center;
-        font-weight: bold;
-    }
 </style>
 </head>