table consistant

src/static/style.css

@@ -161,7 +161,7 @@ tr:hover:not(.selected) {
     }
 }
 
-#table-container {
+.table-container {
     overflow-y: auto;
     max-height: 400px; /* Passen Sie die Höhe nach Bedarf an */
     border-radius: 10px;

src/templates/nutrition.html

@@ -190,6 +190,7 @@
     
     <div class="content">
         <form onsubmit="event.preventDefault(); addNutritionEntry();" method="POST" id="nutrition-form">
+            <div id="table-container">
                 <table id="nutrition-input-table">
                     <tr>
                         <th>Lebensmittel</th>
@@ -210,6 +211,7 @@
                         <td><input <input type="text" name="ca" pattern="\d+([.,]\d{1,2})?" placeholder="mg" oninput="updateSubmitButtonState()"></td>
                     </tr>
                 </table>
+            </div>
             <button type="submit" id="submit-button" disabled>Hinzufügen</button>
         </form>
 
@@ -218,7 +220,7 @@
         </div>
         
 
-        <div id="table-container">
+        <div class="table-container">
             <table id="database-nutrition-table">
                 <thead>
                     <tr>