Update templates/menu.html

templates/menu.html

@@ -80,7 +80,7 @@
             flex-direction: column;
             align-items: center;
             justify-content: center;
-            gap: 5px;
+            gap: 6px;
         }
         .customisable-text {
             color: #0FAA39;
@@ -88,6 +88,7 @@
             font-weight: 500;
             margin: 0;
             text-align: center;
+            line-height: 1;
         }
         .btn-primary {
             font-size: 12px;
@@ -468,6 +469,9 @@
             .customisable-text {
                 font-size: 9px;
             }
+            .button-container {
+                gap: 4px;
+            }
             .quantity-selector .btn {
                 width: 20px;
                 height: 20px;
@@ -584,7 +588,7 @@
                                                     </button>
                                                 {% endif %}
                                                 {% if item.Section__c != 'Apetizer' and item.Section__c != 'Customized dish' and item.Section__c !='Soft Drinks' %}
-                                                    <h5 class="customisable-text">Customisable</h5>
+                                                    <span class="customisable-text">Customisable</span>
                                                 {% endif %}
                                             </div>
                                         </div>