Update templates/menu.html

templates/menu.html

@@ -41,7 +41,7 @@
         font-size: 0.9rem;
         border-radius: 20px;
         width: 100px;
-        background-color: #ff6b35; /* Updated button background color */
+        background-color: #0FAA39; /* Updated button background color */
         border-color: #28a745;
     }
     .btn-primary:hover {
@@ -61,7 +61,7 @@
         z-index: 999;
     }
     .view-cart-button {
-        background-color: #ff6b35; /* Updated View Cart button background color */
+        background-color: #0FAA39; /* Updated View Cart button background color */
         color: #fff;
         padding: 10px 20px;
         border-radius: 50px;
@@ -156,19 +156,21 @@
     }
      
     .search-bar-container {
-        margin-left: 20px;
-        margin-right: 20px;
-        flex: 1;
-        max-width: 400px;
-    }     
+    margin-left: 20px;
+    margin-right: 20px;
+    flex: 1;
+    max-width: 500px; /* Adjust the width */
+    display: flex;
+    justify-content: center;
+  }
+.search-bar-container input {
+    width: 100%;
+    padding: 8px;
+    font-size: 16px;
+    border-radius: 20px;
+    border: none;
+   }
 
-    .search-bar-container input {
-        width: 100%;
-        padding: 5px;
-        font-size: 16px;
-        border-radius: 20px;
-        border: none;
-    }
      
     /* Style for customization sections */
     .addon-section {