Update nutri_call.html

nutri_call.html

@@ -40,14 +40,16 @@ input[type=number] {
     padding: 3px;
     border: 1px solid #ccc;
     border-radius: 4px;
+    text-align: center;
 }
 
 /* Верхний блок */
 .main-container {
     display: grid;
-    grid-template-columns: 120px repeat(8, 90px);
+    grid-template-columns: 140px repeat(8, 100px); /* 1 колонка под названия + 8 одинаковых столбцов */
     gap: 10px;
     padding: 10px;
+    align-items: center;
 }
 
 .profile-container {
@@ -69,7 +71,7 @@ input[type=number] {
     grid-column: 1 / -1;
     display: flex;
     gap: 20px;
-    padding-left: 120px;
+    padding-left: 140px;
     margin-top: 10px;
 }
 
@@ -81,31 +83,28 @@ input[type=number] {
 
 /* Нижний блок - удобрения */
 
-.fert-header-row {
-    display: flex;
-    align-items: center;
+.fert-header {
     font-weight: bold;
-    padding: 5px 0;
-}
-
-.fert-row {
-    display: flex;
-    align-items: center;
-    margin: 4px 0;
+    text-align: center;
 }
 
 .fert-name {
-    width: 120px;
     font-weight: bold;
+    text-align: left;
+    padding-left: 5px;
+}
+
+.fert-cell {
+    text-align: center;
 }
 
-.fert-cell,
 .fert-input {
-    width: 80px;
     text-align: center;
-    margin-right: 10px;
+    box-sizing: border-box;
+    width: 100%;
 }
 
+
 </style>
 
 </head>