Update templates/menu.html

templates/menu.html

@@ -179,12 +179,11 @@
     justify-content: flex-start;
     align-items: center;
     width: 300px; /* Adjust width as needed */
-    position: relative; /* Make sure container can position the icon inside */
 }
 
 .search-bar-container input {
     width: 100%;
-    padding: 8px 30px 8px 10px; /* Add padding to the left for the icon */
+    padding: 8px 10px 8px 30px; /* Add padding on the left side for icon */
     font-size: 16px;
     border-radius: 20px;
     border: none;
@@ -192,10 +191,9 @@
 
 .search-icon {
     position: absolute;
-    right: 10px; /* Position the icon on the right side inside the input */
+    left: 10px; /* Position the icon inside the input box */
     font-size: 20px;
     color: #888; /* Icon color */
-    pointer-events: none; /* Disable clicking on the icon */
 }
 
     /* Style for customization sections */