Update nutri_call.html

nutri_call.html

@@ -117,6 +117,7 @@
 
 
 /* Стиль для новой рамки с кнопкой */
+/* Стиль для блока расчёта */
 .calculation-box {
     border: 2px solid #2e8b57;
     background-color: #eaffea;
@@ -131,24 +132,22 @@
     padding: 0 10px;
 }
 
-.input-group {
+.calculation-container {
     display: flex;
-    gap: 10px;
     align-items: center;
+    gap: 10px;
 }
 
-#liters-input {
-    padding: 8px 12px;
-    border: 1px solid #2e8b57;
-    border-radius: 5px;
-    font-size: 16px;
-    width: 100px;
+.calculation-label {
+    font-weight: bold;
+    margin-right: 5px;
 }
 
-#liters-input:focus {
-    outline: none;
-    border-color: #3cb371;
-    box-shadow: 0 0 3px #2e8b57;
+#liters-input {
+    width: 80px;
+    padding: 3px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
 }
 
 #calculate-btn {
@@ -160,15 +159,11 @@
     border-radius: 5px;
     cursor: pointer;
     transition: background-color 0.3s;
-    width: 120px;
 }
 
 #calculate-btn:hover {
     background-color: #3cb371;
 }
-
-
-
   
 </style>
 </head>
@@ -321,8 +316,9 @@
   
 <fieldset class="calculation-box">
     <legend>Расчёт удобрений</legend>
-    <div class="input-group">
-        <input type="number" id="liters-input" placeholder="Литры" min="1">
+    <div class="calculation-container">
+        <div class="calculation-label">Литры:</div>
+        <input type="number" id="liters-input" value="1" min="1" step="1">
         <button id="calculate-btn">Рассчитать</button>
     </div>
 </fieldset>