Update templates/menu.html

templates/menu.html

@@ -333,12 +333,12 @@ form-check-input addon-option{
 .custom-radio:hover {
     border-color: #388E3C;
 }
-     /* Custom Toggle Switch Styling */
+/* Flex container to align toggle buttons */
 .toggle-container {
     display: flex;
     justify-content: flex-start; /* Align buttons to the left */
-    gap: 20px; /* Adjust space between buttons */
-    margin: 0 auto; /* Center align the container if required */
+    gap: 10px; /* Adjust space between buttons */
+    align-items: center; /* Align items vertically in the center */
 }
 
 /* Custom Toggle Switch Styling */
@@ -353,15 +353,6 @@ form-check-input addon-option{
     border-radius: 10px; /* Fully rounded edges */
     cursor: pointer;
     transition: background 0.3s;
-    display: inline-block; /* Ensure it is aligned on the same line */
-    margin-right: 10px; /* Space between toggle and text */
-}
-
-/* Make the text aligned correctly with the toggle switch */
-.toggle-container {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start; /* Align to the left */
 }
 
 /* Custom toggle checked style */
@@ -386,6 +377,7 @@ form-check-input addon-option{
     transform: translateX(20px); /* Moves the toggle to the right */
 }
 
+
 /* Optional: Style the labels */
 .form-check-label {
     font-size: 16px;