Update templates/menu.html

templates/menu.html

@@ -159,7 +159,7 @@
 /* Ensure the category filter dropdown does not overlap */
 form.text-center.mb-4 {
     margin-top: 10px; /* No margin at the top */
-    margin-bottom: 10px; /* Small space at the bottom */
+    margin-bottom: 0px; /* Small space at the bottom */
 }
 
 /* Ensure the container has enough margin so nothing is overlapped */
@@ -171,6 +171,7 @@ form.text-center.mb-4 {
 h1.text-center {
     margin-top: 10px; /* Reduced space above */
     padding-top: 0 !important; /* Removed padding */
+    font-weight: semi-bold; /* Make the "Menu" text bold */
 }
 
 .fixed-top-bar {
@@ -188,8 +189,6 @@ h1.text-center {
     align-items: center; /* Vertically align items */
     z-index: 1000; /* Make sure it's still above other content */
 }
-
-
 .avatar-dropdown-container {
     position: absolute;
     right: 20px; /* Adjust the value as needed to position it properly */
@@ -255,6 +254,7 @@ form.text-center.mb-4 {
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    margin-bottom: 5px; /* Reduce bottom margin */
 }
 
 .form-check {
@@ -321,7 +321,7 @@ form.text-center.mb-4 {
 .modal-footer .form-control {
     margin-right: 10px; /* Add a little space between the quantity input and the buttons */
 }
-       .cart-container {
+.cart-container {
     display: flex;
     align-items: center;
     gap: 10px;