Update templates/menu.html

templates/menu.html

@@ -183,17 +183,17 @@
 }
 .search-bar-container input {
     width: 100%;
-    padding: 8px 30px 8px 10px;
+    padding: 8px;
     font-size: 16px;
     border-radius: 10px;
     border: none;
 }
-
 .search-icon {
     position: absolute;
     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 {
@@ -282,14 +282,14 @@
     
     <div class="fixed-top-bar">
     <!-- Removed Reward Points and Referral Code -->
-    <div class="d-flex align-items-center">
+   <!-- <div class="d-flex align-items-center">
         <a href="{{ url_for('order_history') }}" class="text-white mx-2" title="Order History">
             <i class="bi bi-clock-history fs-4"></i>
         </a>
         <a href="{{ url_for('logout') }}" class="text-white mx-2" title="Logout">
             <i class="bi bi-box-arrow-right fs-4"></i>
         </a>
-    </div>
+    </div> -->
     <!-- Add Welcome Message with Customer Name -->
    <!-- <div class="d-flex align-items-center">
         <span class="text-white mr-3">Welcome, {{ user_name }}</span>
@@ -311,9 +311,8 @@
 
     <!-- Search Bar Moved to Header Section -->
     <div class="search-bar-container">
-        <input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">
-        <i class="bi bi-search search-icon"></i> <!-- Search icon -->
-    </div>
+    <input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">
+    <i class="bi bi-search search-icon"></i> <!-- Search icon inside the input -->
 </div>
 
 <!-- Category Filter with Custom Radio Buttons -->