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: #ff6b35; /* 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: #ff6b35; /* Updated View Cart button background color */
     color: #fff;
     padding: 10px 20px;
     border-radius: 50px;
@@ -146,7 +146,7 @@ form.text-center.mb-4 {
     left: 0;
     width: 100%;
     z-index: 1000; /* Ensures it stays on top of other elements */
-    background-color: #FF6B35; /* Updated header background */
+    background-color: #ff6b35; /* Updated header background */
     color: white;
     padding: 15px;
     display: flex;
@@ -156,7 +156,7 @@ form.text-center.mb-4 {
 /* Style for customization sections */
 .addon-section {
     background-color: #f8f9fa; /* Light gray background */
-    border: 2px solid #FF6B35; /* Border color */
+    border: 2px solid #ff6b35; /* Border color */
     border-radius: 8px;
     padding: 12px;
     margin-bottom: 15px; /* Spacing between sections */
@@ -326,7 +326,7 @@ form.text-center.mb-4 {
                                 <p class="card-text">${{ item.Price__c }}</p>
                                 <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#itemModal" 
                                     onclick="showItemDetails('{{ item.Name }}', '{{ item.Price__c }}', '{{ item.Image2__c }}', '{{ item.Description__c }}', '{{ item.Section__c }}','{{ selected_category }}')">
-                                    Add +
+                                    Add
                                 </button>
                             </div>
                         </div>