round

src/static/style.css

@@ -141,6 +141,7 @@ tr:hover:not(.selected) {
 #nutrition-input-table {
     width: 100%; /* Tabelle nimmt die volle Breite ein */
     border-collapse: collapse; /* Entfernt doppelte Ränder */
+    border-radius: 10px;
 }
 
 #nutrition-input-table th, #nutrition-input-table td {
@@ -163,7 +164,7 @@ tr:hover:not(.selected) {
 
 .table-container {
     overflow-y: auto;
-    max-height: 400px; /* Passen Sie die Höhe nach Bedarf an */
+    max-height: 500px; /* Passen Sie die Höhe nach Bedarf an */
     border-radius: 10px;
     margin-top: 20px;
 }

src/templates/index.html

@@ -183,6 +183,17 @@ function updateTotalNutrition() {
         </ul>
     </nav>
 
+    <nav id="navbar">
+        <div class="navbar-header">
+            <h1>Elo's Rezept Rechner</h1>
+            <li class="versionid">VERSION_ID</li>
+        </div>
+        <ul>
+            <li><a href="/" class="active">Rechner</a></li>
+            <li><a href="/nutrition">Neue Lebensmittel</a></li>
+        </ul>
+    </nav>
+    
     
     <div class="content">
         <form onsubmit="event.preventDefault(); addProduct();" id="product-form">