Update templates/menu.html

templates/menu.html

@@ -227,10 +227,11 @@
     .form-check {
         display: inline-block;
         margin-right: 15px;
-        margin-bottom: 10px; /* Add space between buttons */
+        margin-bottom: 15px; /* Add space between buttons */
     }
 
     .form-check-inline {
+        display: inline-block;
         margin-right: 10px;
     }
 
@@ -243,34 +244,35 @@
         appearance: none;
         -webkit-appearance: none;
         -moz-appearance: none;
-        width: 18px;
-        height: 18px;
-        border: 2px solid #333;
+        width: 20px;
+        height: 20px;
+        border: 3px solid #4CAF50; /* Green border */
         border-radius: 50%;
         margin-right: 10px; /* Increased spacing between button and label */
         outline: none;
         cursor: pointer;
         position: relative;
+        display: inline-block;
     }
 
     .custom-radio:checked {
-        background-color: #007bff;
-        border-color: #007bff;
+        background-color: #4CAF50;  /* Green color when checked */
+        border-color: #4CAF50;  /* Matching border color */
     }
 
     .custom-radio:checked::after {
         content: '';
         position: absolute;
-        top: 4px;
-        left: 4px;
-        width: 8px;
+        top: 5px;
+        left: 5px;
+        /*width: 8px;
         height: 8px;
-        background-color: #fff;
+        background-color: #fff;*/
         border-radius: 50%;
     }
 
     .custom-radio:hover {
-        border-color: #007bff;
+        border-color: #388E3C;
     }
 
     /* Optional: Style the labels */