Update templates/menu.html

templates/menu.html

@@ -54,8 +54,9 @@
             font-weight: bold;
             border-radius: 5px;
             width: 100px;
-            background-color: #0FAA39; /* Updated button background color */
+            background-color: #0FAA39; /* Green button color */
             border-color: #0FAA39;
+            text-transform: uppercase; /* Ensure the button text is uppercase */
         }
         .btn-primary:hover {
             background-color: #0FAA39;
@@ -472,7 +473,7 @@
                                     <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 <!-- Changed to uppercase -->
                                     </button>
                                     <div class="customisable-text">Customisable</div> <!-- Added Customisable text -->
                                 </div>