Update templates/menu.html

templates/menu.html

@@ -169,20 +169,21 @@
     justify-content: center;
 }
      
-    .search-bar-container {
-    margin-left: auto;
-    margin-right: auto;
+.search-bar-container {
+    position: absolute;
+    left: 20px; /* Move the search bar to the left */
+    top: 50%; /* Vertically center it */
+    transform: translateY(-50%); /* Adjust vertical position */
     display: flex;
-    justify-content: center;
-    align-items: center; /* Ensures it centers vertically within the container */
-    width: 80%; /* You can adjust the width as needed */
-    max-width: 600px; /* Optional: Restrict the max width */
+    justify-content: flex-start; /* Align items to the left */
+    align-items: center; /* Vertically center */
+    width: 300px; /* Adjust width as needed */
 }
 .search-bar-container input {
     width: 100%;
     padding: 8px;
     font-size: 16px;
-    border-radius: 5px;
+    border-radius: 20px;
     border: none;
 }
     /* Style for customization sections */