test

src/static/style.css

@@ -140,12 +140,28 @@ tr:hover:not(.selected) {
 
 
 #nutrition-input-table {
-    width: 100%; /* Tabelle nimmt die volle Breite ein */
+    width: 100%;
-    border-collapse: separate; /* Entfernt doppelte Ränder */
+    border-collapse: separate; /* Erlaubt die Anwendung von border-radius */
-    border-radius: 10px;
+    border-spacing: 0; /* Entfernt den Abstand zwischen den Zellen */
-    overflow: hidden;
 }
 
+#nutrition-input-table th:first-child {
+    border-top-left-radius: 10px;
+}
+
+#nutrition-input-table th:last-child {
+    border-top-right-radius: 10px;
+}
+
+#nutrition-input-table tr:last-child td:first-child {
+    border-bottom-left-radius: 10px;
+}
+
+#nutrition-input-table tr:last-child td:last-child {
+    border-bottom-right-radius: 10px;
+}
+
+
 #nutrition-input-table th, #nutrition-input-table td {
     border: 1px solid #ddd; /* Fügt Ränder hinzu */
     padding: 8px; /* Fügt Innenabstand hinzu */

src/templates/index.html

@@ -182,17 +182,6 @@ function updateTotalNutrition() {
             <li><a href="/nutrition">Neue Lebensmittel</a></li>
         </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">