booty

templates/menu_item/_delete_form.html.twig

@@ -1,4 +1,4 @@
 <form method="post" action="{{ path('app_menu_item_delete', {'id': menu_item.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
     <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ menu_item.id) }}">
-    <button class="btn">Delete</button>
+    <button class="btn btn-danger btn-sm">Delete</button>
 </form>

templates/menu_item/_form.html.twig

@@ -1,4 +1,4 @@
-{{ form_start(form) }}
-    {{ form_widget(form) }}
-    <button class="btn">{{ button_label|default('Save') }}</button>
+{{ form_start(form, {'attr': {'class': 'mb-3'}}) }}
+    {{ form_widget(form, {'attr': {'class': 'form-control'}}) }}
+    <button class="btn btn-primary mt-2">{{ button_label|default('Save') }}</button>
 {{ form_end(form) }}

templates/menu_item/edit.html.twig

@@ -3,9 +3,13 @@
 {% block title %}Edit MenuItem{% endblock %}
 
 {% block body %}
-    <h1>Edit MenuItem</h1>
+    <h1 class="mb-4">Edit MenuItem</h1>
 
-    {{ include('menu_item/_form.html.twig', {'button_label': 'Update'}) }}
+    <div class="mb-4">
+        {{ include('menu_item/_form.html.twig', {'button_label': 'Update'}) }}
+    </div>
 
-    {{ include('menu_item/_delete_form.html.twig') }}
+    <div class="d-flex gap-2">
+        {{ include('menu_item/_delete_form.html.twig') }}
+    </div>
 {% endblock %}

templates/menu_item/index.html.twig

@@ -3,10 +3,10 @@
 {% block title %}MenuItem index{% endblock %}
 
 {% block body %}
-    <h1>MenuItem index</h1>
+    <h1 class="mb-4">MenuItem index</h1>
 
-    <table class="table">
-        <thead>
+    <table class="table table-striped table-hover">
+        <thead class="table-light">
             <tr>
                 <th>Id</th>
                 <th>Name</th>
@@ -19,17 +19,17 @@
                 <td>{{ menu_item.id }}</td>
                 <td>{{ menu_item.name }}</td>
                 <td>
-                    <a href="{{ path('app_menu_item_show', {'id': menu_item.id}) }}">show</a>
-                    <a href="{{ path('app_menu_item_edit', {'id': menu_item.id}) }}">edit</a>
+                    <a class="btn btn-sm btn-outline-info me-1" href="{{ path('app_menu_item_show', {'id': menu_item.id}) }}">show</a>
+                    <a class="btn btn-sm btn-outline-primary" href="{{ path('app_menu_item_edit', {'id': menu_item.id}) }}">edit</a>
                 </td>
             </tr>
         {% else %}
             <tr>
-                <td colspan="3">no records found</td>
+                <td colspan="3" class="text-center text-muted">no records found</td>
             </tr>
         {% endfor %}
         </tbody>
     </table>
 
-    <a href="{{ path('app_menu_item_new') }}">Create new</a>
+    <a class="btn btn-primary" href="{{ path('app_menu_item_new') }}">Create new</a>
 {% endblock %}

templates/menu_item/new.html.twig

@@ -3,9 +3,11 @@
 {% block title %}New MenuItem{% endblock %}
 
 {% block body %}
-    <h1>Create new MenuItem</h1>
+    <h1 class="mb-4">Create new MenuItem</h1>
 
-    {{ include('menu_item/_form.html.twig') }}
+    <div class="mb-4">
+        {{ include('menu_item/_form.html.twig') }}
+    </div>
 
-    <a href="{{ path('app_menu_item_index') }}">back to list</a>
+    <a class="btn btn-secondary" href="{{ path('app_menu_item_index') }}">back to list</a>
 {% endblock %}

templates/menu_item/show.html.twig

@@ -3,9 +3,9 @@
 {% block title %}MenuItem{% endblock %}
 
 {% block body %}
-    <h1>MenuItem</h1>
+    <h1 class="mb-4">MenuItem</h1>
 
-    <table class="table">
+    <table class="table table-bordered w-auto">
         <tbody>
             <tr>
                 <th>Id</th>
@@ -25,9 +25,9 @@
             <tr>
                 <th>Aliases</th>
                 <td>
-                    <ul>
+                    <ul class="list-group list-group-flush">
                     {% for alias in menu_item.aliases %}
-                        <li>{{ alias.name }}</li>
+                        <li class="list-group-item">{{ alias.name }}</li>
                     {% endfor %}
                     </ul>
                 </td>
@@ -36,9 +36,9 @@
         </tbody>
     </table>
 
-    <a href="{{ path('app_food_vendor_show', { 'id': menu_item.foodVendor.id}) }}">back to list</a>
-
-    <a href="{{ path('app_menu_item_edit', {'id': menu_item.id}) }}">edit</a>
-
-    {{ include('menu_item/_delete_form.html.twig') }}
+    <div class="d-flex gap-2">
+        <a class="btn btn-secondary" href="{{ path('app_food_vendor_show', { 'id': menu_item.foodVendor.id}) }}">back to list</a>
+        <a class="btn btn-primary" href="{{ path('app_menu_item_edit', {'id': menu_item.id}) }}">edit</a>
+        {{ include('menu_item/_delete_form.html.twig') }}
+    </div>
 {% endblock %}