better readable forms

templates/food_vendor/show.html.twig

@@ -20,16 +20,27 @@
 
     <section class="mb-4">
         <h2>known menuitems</h2>
-        <ul class="list-group list-group-flush">
+        <table class="table table-bordered w-auto">
+            <thead>
+                <tr>
+                    <th>name</th>
+                    <th>price</th>
+                </tr>
+            </thead>
+            <tbody>
             {% for item in food_vendor.menuItems %}
-                <li class="list-group-item">
+                <tr class="menu-item">
+                    <td>
                     <a href="{{ path('app_menu_item_show', {'id': item.id}) }}">{{ item.name }}</a>
                     {% if(item.aliasOf) %}
                         <span class="text-muted">(alias of: {{ item.aliasOf.name }})</span>
                     {% endif %}
-                </li>
+                    </td>
+                    <td>{{ (item.priceCents / 100)|format_currency('EUR') }}</td>
+                </tr>
             {% endfor %}
-        </ul>
+            </tbody>
+        </table>
     </section>
 
     <div class="d-flex gap-2">