style

src/static/style.css

@@ -37,10 +37,17 @@ button#remove-button {
     background-color: #f443366f; /* Helles Rot */
 }
 
+button#remove-button:disabled {
+    background-color: #cccccc;
+    color: #666666;
+}
+
 button#remove-button:not(:disabled):hover {
     background-color: #d32f2f3d; /* Dunkleres Rot */
 }
 
+
+
 table {
     width: 100%;
     border-collapse: collapse;

src/templates/nutrition.html

@@ -16,29 +16,29 @@
         function addNutritionEntry() {
 
             const form = document.getElementById('nutrition-form');
-    const formData = new FormData(form);
+            const formData = new FormData(form);
 
-    fetch('/add_nutrition', {
-        method: 'POST',
-        body: formData
-    }).then(response => {
-        // Behandlung der Serverantwort
-        // Beispielsweise das Formular zurücksetzen
-        form.reset();
-        updateSubmitButtonState();
-    }).catch(error => {
-        console.error('Fehler:', error);
-    });
-    // ... Code, um den Eintrag zur Datenbank hinzuzufügen
+            fetch('/add_nutrition', {
+                method: 'POST',
+                body: formData
+            }).then(response => {
+                // Behandlung der Serverantwort
+                // Beispielsweise das Formular zurücksetzen
+                form.reset();
+                updateSubmitButtonState();
+            }).catch(error => {
+                console.error('Fehler:', error);
+            });
+            // ... Code, um den Eintrag zur Datenbank hinzuzufügen
 
-    // Nach dem Hinzufügen, setze alle Eingabefelder zurück
-    document.querySelectorAll('#nutrition-form input').forEach(input => {
-        input.value = ''; // Setzt den Wert jedes Eingabefeldes zurück
-    });
+            // Nach dem Hinzufügen, setze alle Eingabefelder zurück
+            document.querySelectorAll('#nutrition-form input').forEach(input => {
+                input.value = ''; // Setzt den Wert jedes Eingabefeldes zurück
+            });
 
-    // Deaktiviere den "Hinzufügen"-Button wieder
-    document.getElementById('submit-button').disabled = true;
-}
+            // Deaktiviere den "Hinzufügen"-Button wieder
+            document.getElementById('submit-button').disabled = true;
+        }
 
     </script>
 </head>