Update templates/menu.html

templates/menu.html

@@ -233,12 +233,12 @@ form.text-center.mb-4 {
     margin-right: 5px; /* Reduced space between radio button and label */
     margin-bottom: 0; /* Remove bottom margin */
     margin-top: 10px; /* Adds space between categories and Customized Dish */
-    gap: 10px;
+    gap=10px;
     /* vertical-align: middle; /* Align radio buttons vertically */
 }
 .form-check-inline {
     display: inline-block;
-    margin-right: 5px;  /* Decrease space between each radio button */
+    margin-right: 15px;  /* Decrease space between each radio button */
 }
 .form-check-label {
     display: inline-block;
@@ -270,6 +270,7 @@ form.text-center.mb-4 {
     top: 5px;
     left: 5px;
     border-radius: 50%;
+    padding: 15px;
 }
 .custom-radio:hover {
     border-color: #388E3C;
@@ -277,7 +278,7 @@ form.text-center.mb-4 {
 /* Optional: Style the labels */
 .form-check-label {
     font-size: 16px;
-    margin-left: 5px; /* Space between the radio button and the label */
+    margin-left: 0px; /* Space between the radio button and the label */
 }
 .cart-container {
     display: flex;