Update templates/menu.html

templates/menu.html

@@ -56,7 +56,7 @@
             width: 100px;
             background-color: #0FAA39; /* Green button color */
             border-color: #0FAA39;
-            text-transform: uppercase; /* Ensure the button text is uppercase */
+            text-transform: uppercase; /* Added to ensure button text is uppercase */
         }
         .btn-primary:hover {
             background-color: #0FAA39;
@@ -471,11 +471,13 @@
                                 <div class="card-body">
                                     <h5 class="card-title">{{ item.Name }}</h5>
                                     <p class="card-text">${{ item.Price__c }}</p>
+                                    <!-- Replaced the button with the new "ADD" button -->
                                     <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 <!-- Changed to uppercase -->
+                                        ADD
                                     </button>
-                                    <div class="customisable-text">Customisable</div> <!-- Added Customisable text -->
+                                    <!-- Added the Customisable text below the button -->
+                                    <div class="customisable-text">Customisable</div>
                                 </div>
                             </div>
                         </div>