Update nutri_call.html

nutri_call.html

@@ -151,7 +151,24 @@ legend {
     border-radius: 4px;
 }
 
+.square-button {
+    width: 50px; /* Ширина кнопки */
+    height: 50px; /* Высота кнопки (квадратная форма) */
+    font-size: 24px; /* Размер текста */
+    font-weight: bold; /* Жирный шрифт */
+    border: none; /* Убираем границы */
+    border-radius: 5px; /* Легкое скругление углов */
+    background-color: #007bff; /* Цвет фона */
+    color: white; /* Цвет текста */
+    cursor: pointer; /* Курсор при наведении */
+    display: flex; /* Центрирование текста внутри кнопки */
+    align-items: center; /* Вертикальное центрирование */
+    justify-content: center; /* Горизонтальное центрирование */
+}
 
+.square-button:hover {
+    background-color: #0056b3; /* Темнее при наведении */
+}
 
 
 /* Стили для контейнера первого блока (NPK) */
@@ -584,34 +601,38 @@ legend {
         </div>
         
 <!-- NH4 -- NO3 -->
-        <!-- Азотные элементы и блок NPK -->
-        <div style="display: flex; align-items: flex-start; gap: 20px;">
-            <!-- Колонки азотных элементов -->
-            <div class="nitrogen-container" style="display: flex; gap: 20px;">
-                <!-- Колонка 1: NH4 -->
-                <div class="nitrogen-column">
-                    <div class="column-header">NH4</div>
-                    <div class="nitrogen-group">
-                        <input id="profile_nh4" type="number" value="1.0" step="1.0" readonly style="background-color: #f0f0f0; color: #666;">
-                    </div>
-                    <div class="nitrogen-group">
-                        <input id="calculated_nh4" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
-                    </div>
-                </div>
-
-                <!-- Колонка 2: NO3 -->
-                <div class="nitrogen-column">
-                    <div class="column-header">NO3</div>
-                    <div class="nitrogen-group">
-                        <input id="profile_no3" type="number" value="8.25" step="0.01" min="0" max="100.001"/>
-                    </div>
-                    <div class="nitrogen-group">
-                        <input id="calculated_no3" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
-                    </div>
-                </div>
+<div style="display: flex; align-items: flex-start; gap: 20px;">
+    <!-- Колонки азотных элементов -->
+    <div class="nitrogen-container" style="display: flex; gap: 20px;">
+        <!-- Колонка 1: NH4 -->
+        <div class="nitrogen-column">
+            <div class="column-header">NH4</div>
+            <div class="nitrogen-group">
+                <input id="profile_nh4" type="number" value="1.0" step="1.0" readonly style="background-color: #f0f0f0; color: #666;">
+            </div>
+            <div class="nitrogen-group">
+                <input id="calculated_nh4" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
             </div>
+        </div>
 
+        <!-- Колонка 2: NO3 -->
+        <div class="nitrogen-column">
+            <div class="column-header">NO3</div>
+            <div class="nitrogen-group">
+                <input id="profile_no3" type="number" value="8.25" step="0.01" min="0" max="100.001"/>
+            </div>
+            <div class="nitrogen-group">
+                <input id="calculated_no3" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
+            </div>
+        </div>
+    </div>
 
+    <!-- Кнопки -->
+    <div style="display: flex; flex-direction: column; gap: 10px; margin-top: 10px;">
+        <button class="square-button" id="plus-button" style="font-weight: bold;">+</button>
+        <button class="square-button" id="minus-button" style="font-weight: bold;">-</button>
+    </div>
+</div>
 
 <!-- Первый блок NPK -->
 <div class="npk-container">