Update templates/menu.html

templates/menu.html

@@ -248,9 +248,10 @@ h1.text-center {
 
 /* Style for add-on checkboxes */
 .addon-section .form-check {
+     display: flex;
+    align-items: center;  /* Align checkboxes and labels */
     margin-left: 10px;
     color: #343a40; /* Darker text color */
-    
 }
 
 /* Customize the default checkbox */
@@ -264,6 +265,7 @@ h1.text-center {
     border-radius: 3px;        /* Rounded corners */
     background-color: #f0f0f0; /* Lighter gray background when unchecked */
     position: relative;
+    margin-right: 10px;        /* Add space between the checkbox and label */
 }
      
 /* Checked state for the custom checkbox */
@@ -299,6 +301,12 @@ h1.text-center {
     margin-left: 8px;
     cursor: pointer;
 }
+/* Fix alignment of text and checkbox */
+.addon-section .form-check input[type="checkbox"], 
+.addon-section .form-check label {
+    display: inline-block;
+    vertical-align: middle; /* Align text and checkboxes vertically */
+}     
 
 /* Category Filter with Custom Radio Buttons */
 form.text-center.mb-4 {