Update templates/menu.html

templates/menu.html

@@ -179,10 +179,11 @@
     justify-content: flex-start; /* Align items to the left */
     align-items: center; /* Vertically 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;
+    padding: 8px 30px 8px 10px;
     font-size: 16px;
     border-radius: 10px;
     border: none;
@@ -193,6 +194,7 @@
     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 */
     .addon-section {