Update templates/menu.html

templates/menu.html

@@ -353,9 +353,10 @@ form-check-input addon-option{
     width: 40px; /* Smaller size */
     height: 20px; /* Smaller size */
     background: #ccc;
-    border-radius: 4px; /* Square or slightly rounded */
+    border-radius: 10px; /* Fully rounded edges */
     cursor: pointer;
     transition: background 0.3s;
+    display: inline-block; /* Ensure it is aligned on the same line */
 }
 
 .custom-toggle:checked {
@@ -370,7 +371,7 @@ form-check-input addon-option{
     width: 16px; /* Smaller width */
     height: 16px; /* Smaller height */
     background: white;
-    border-radius: 3px; /* Square shape, with rounded corners */
+    border-radius: 50%; /* Circular shape */
     transition: transform 0.3s;
 }
 
@@ -378,8 +379,6 @@ form-check-input addon-option{
     transform: translateX(20px); /* Moves the toggle to the right */
 }
 
-
-
 /* Optional: Style the labels */
 .form-check-label {
     font-size: 16px;