Spaces:
Sleeping
Sleeping
Update templates/menu.html
Browse files- templates/menu.html +12 -4
templates/menu.html
CHANGED
|
@@ -594,6 +594,14 @@ form-check-input addon-option{
|
|
| 594 |
gap: 10px; /* Space between buttons */
|
| 595 |
}
|
| 596 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 597 |
/* Style for the buttons */
|
| 598 |
.category-btn {
|
| 599 |
padding: 10px 20px;
|
|
@@ -619,6 +627,7 @@ form-check-input addon-option{
|
|
| 619 |
}
|
| 620 |
|
| 621 |
|
|
|
|
| 622 |
</style>
|
| 623 |
</head>
|
| 624 |
<body>
|
|
@@ -674,10 +683,8 @@ form-check-input addon-option{
|
|
| 674 |
{{ category }}
|
| 675 |
</button>
|
| 676 |
{% endfor %}
|
| 677 |
-
|
| 678 |
-
|
| 679 |
-
<!-- Separate Customized Dish button in a new div to align it properly -->
|
| 680 |
-
<div class="form-check category-container">
|
| 681 |
<button type="submit" name="category" value="Customized Dish" class="category-btn
|
| 682 |
{% if selected_category == "Customized Dish" %}active-btn{% endif %}">
|
| 683 |
Customized Dish
|
|
@@ -685,6 +692,7 @@ form-check-input addon-option{
|
|
| 685 |
</div>
|
| 686 |
</form>
|
| 687 |
|
|
|
|
| 688 |
|
| 689 |
|
| 690 |
|
|
|
|
| 594 |
gap: 10px; /* Space between buttons */
|
| 595 |
}
|
| 596 |
|
| 597 |
+
/* Ensures all buttons stay in the same row */
|
| 598 |
+
.category-container {
|
| 599 |
+
display: flex;
|
| 600 |
+
justify-content: center;
|
| 601 |
+
flex-wrap: wrap; /* This allows the buttons to wrap to the next line if necessary */
|
| 602 |
+
gap: 10px; /* Space between buttons */
|
| 603 |
+
}
|
| 604 |
+
|
| 605 |
/* Style for the buttons */
|
| 606 |
.category-btn {
|
| 607 |
padding: 10px 20px;
|
|
|
|
| 627 |
}
|
| 628 |
|
| 629 |
|
| 630 |
+
|
| 631 |
</style>
|
| 632 |
</head>
|
| 633 |
<body>
|
|
|
|
| 683 |
{{ category }}
|
| 684 |
</button>
|
| 685 |
{% endfor %}
|
| 686 |
+
|
| 687 |
+
<!-- Customized Dish button -->
|
|
|
|
|
|
|
| 688 |
<button type="submit" name="category" value="Customized Dish" class="category-btn
|
| 689 |
{% if selected_category == "Customized Dish" %}active-btn{% endif %}">
|
| 690 |
Customized Dish
|
|
|
|
| 692 |
</div>
|
| 693 |
</form>
|
| 694 |
|
| 695 |
+
|
| 696 |
|
| 697 |
|
| 698 |
|