label

src/templates/index.html

@@ -242,6 +242,7 @@ function updateTotalNutrition() {
     <div class="content">
         <form onsubmit="event.preventDefault(); addProduct();" id="product-form" class="form-layout">
             <div class="form-row">
+                <label for="portions">Wählen Sie die Anzahl an Portionen</label>
                 <input type="number" id="portions" name="portions" placeholder="Portionen" min="1" value="1" oninput="recalculateTableBasedOnPortions()">
             </div>
             <div class="form-row">
@@ -250,11 +251,7 @@ function updateTotalNutrition() {
                 <datalist id="products">
                     <!-- Produkte werden hier dynamisch eingefügt -->
                 </datalist>
-            </div>
-            <div class="form-row">
                 <input type="number" id="weight" name="weight" placeholder="Gramm" oninput="updateButtonState()">
-            </div>
-            <div class="form-row">
                 <button type="submit" id="submit-button" disabled>Hinzufügen</button>
             </div>
         </form>