Update templates/menu.html

templates/menu.html

@@ -630,7 +630,28 @@ form-check-input addon-option{
             {% if selected_category == "Customized Dish" %}checked{% endif %} onchange="this.form.submit()">
         <label class="form-check-label" for="category-CustomizedDish">Customized Dish</label>
     </div> -->
-</form>  -->
+<!-- </form>  --> 
+  <form method="get" action="/menu" class="text-center mb-4">
+    <label class="form-label fw-bold">Select a Category:</label>
+    
+    <div class="form-check form-check-inline">
+        {% for category in categories %}
+            <!-- Replace the radio input with a button -->
+            <button type="submit" name="category" value="{{ category }}" class="category-btn
+                {% if selected_category == category %}active-btn{% endif %}">
+                {{ category }}
+            </button>
+        {% endfor %}
+    </div>
+
+    <!-- Separate Customized Dish button in a new div to align it properly -->
+    <div class="form-check">
+        <button type="submit" name="category" value="Customized Dish" class="category-btn
+            {% if selected_category == "Customized Dish" %}active-btn{% endif %}">
+            Customized Dish
+        </button>
+    </div>
+</form>