Update templates/menu.html

templates/menu.html

@@ -252,7 +252,6 @@ h1.text-center {
     align-items: center;  /* Align checkboxes and labels */
     margin-left: 10px; /* Space between checkboxes */
     color: #343a40; /* Darker text color */
-    vertical-align: middle; /* Align label vertically */
 }
 
 /* Customize the default checkbox */
@@ -301,12 +300,20 @@ h1.text-center {
     font-size: 16px;
     margin-left: 8px;
     cursor: pointer;
+    display: inline-block;  /* Ensure label aligns correctly with checkbox */
+    vertical-align: middle; /* Align text vertically with the checkbox */
 }
 /* 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 */
+}
+/* Ensure checkboxes are not stacked vertically */
+.addon-section {
+    display: flex;
+    flex-wrap: wrap; /* Allows items to wrap onto a new line if needed */
+    align-items: center;
 }     
 
 /* Category Filter with Custom Radio Buttons */