Update nutri_call.html

nutri_call.html

@@ -5,6 +5,56 @@
   <title>Калькулятор удобрений</title>
 <style>
 /* Основной контейнер */
+/* Общие стили для всех рамок */
+fieldset, .calculation-box {
+    border: 2px solid #2e8b57;
+    background-color: #eaffea;
+    padding: 1em;
+    margin-bottom: 20px;
+    border-radius: 8px;
+    width: 1000px; /* Фиксированная ширина как у верхних блоков */
+}
+
+/* Стили для основной рамки с кнопкой */
+.calculation-box {
+    width: 1000px; /* Такая же ширина как у верхних блоков */
+}
+
+/* Контейнер для элементов управления */
+.main-controls {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+    min-width: 200px;
+}
+
+/* Стили для группы усиления */
+.enhancement-block {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+/* Стили для строк ввода */
+.enhancement-input {
+    display: flex;
+    align-items: center;
+    gap: 15px; /* Увеличил отступ между надписью и полем ввода */
+    margin-bottom: 8px;
+}
+
+.enhancement-input label {
+    min-width: 120px; /* Фиксированная ширина для всех надписей */
+    text-align: right;
+    padding-right: 10px;
+}
+
+.enhancement-input input[type="number"] {
+    width: 80px;
+    flex-shrink: 0; /* Запрещаем уменьшение ширины поля ввода */
+}
+
+/* Остальные стили остаются без изменений */
 body {
     margin: 0 auto;
     width: 1000px;
@@ -13,17 +63,6 @@ body {
     font-family: Arial, sans-serif;
 }
 
-fieldset {
-    border: 2px solid #2e8b57;
-    background-color: #eaffea;
-    padding: 1em;
-    margin-bottom: 20px;
-    border-radius: 8px;
-    /* Установка фиксированной ширины для всех рамок */
-    width: 960px;
-    box-sizing: border-box;
-}
-
 h1 {
     background-color: #2e8b57;
     color: white;
@@ -39,7 +78,6 @@ legend {
     padding: 0 10px;
 }
 
-/* Общие стили для обоих блоков */
 .main-container {
     display: grid;
     grid-template-columns: 120px repeat(8, 90px);
@@ -47,7 +85,6 @@ legend {
     padding: 10px;
 }
 
-/* Верхний блок - макропрофиль */
 .profile-container {
     display: contents;
 }
@@ -63,7 +100,6 @@ legend {
     margin-bottom: 5px;
 }
 
-/* Азотные элементы */
 .nitrogen-container {
     grid-column: 1 / -1;
     display: flex;
@@ -78,7 +114,6 @@ legend {
     gap: 5px;
 }
 
-/* Нижний блок - составы солей (переделан в горизонтальный) */
 .fertilisers-container {
     display: flex;
     flex-direction: column;
@@ -115,46 +150,12 @@ legend {
     margin: 0 5px;
 }
 
-/* Стиль для новой рамки с кнопкой */
-.calculation-box {
-    border: 2px solid #2e8b57;
-    background-color: #eaffea;
-    padding: 1em;
-    margin-bottom: 20px;
-    border-radius: 8px;
-    /* Установка фиксированной ширины для всех рамок */
-    width: 960px;
-    box-sizing: border-box;
-}
-
-.calculation-box legend {
-    font-weight: bold;
-    color: #2e8b57;
-    padding: 0 10px;
-}
-
-/* Основной контейнер */
 .calculation-container {
     display: flex;
     gap: 30px;
     align-items: flex-start;
 }
 
-/* Основные контролы (кнопка, литры, точность) */
-.main-controls {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    min-width: 150px;
-}
-
-/* Блок усиления */
-.enhancement-block {
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-}
-
 .enhancement-title {
     font-weight: bold;
     color: #2e8b57;
@@ -167,18 +168,6 @@ legend {
     gap: 8px;
 }
 
-.enhancement-input {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-.enhancement-input label {
-    min-width: 70px;
-    text-align: right;
-}
-
-/* Общие стили для элементов */
 #calculate-btn {
     background-color: #2e8b57;
     color: white;
@@ -210,8 +199,6 @@ input[type="number"] {
     padding: 5px;
     border: 1px solid #ccc;
     border-radius: 4px;
-    /* Отступ между текстом и полем ввода */
-    margin-left: 10px;
 }
 </style>
 </head>