Update templates/menu.html

templates/menu.html

@@ -267,7 +267,7 @@ form.text-center.mb-4 {
 
 .form-check-inline {
     display: inline-block;
-    margin-right: 5px;  !important; /* Decrease space between each radio button */
+    margin-right: 5px;  /* Decrease space between each radio button */
 }
 
 .form-check-label {
@@ -522,25 +522,6 @@ form.text-center.mb-4 {
 
     <!-- JavaScript -->
     <script>
-        function changeQuantity(amount, itemId) {
-    let quantityInput = document.getElementById("quantity-" + itemId);
-    let currentQuantity = parseInt(quantityInput.value);
-    let newQuantity = currentQuantity + amount;
-
-    if (newQuantity >= 1) {
-        quantityInput.value = newQuantity;
-        updateTotalAmount(itemId);
-    }
-}
-
-function updateTotalAmount(itemId) {
-    let quantity = parseInt(document.getElementById("quantity-" + itemId).value);
-    let price = parseFloat(document.getElementById("price-" + itemId).innerText); // Get price dynamically
-    let totalAmount = price * quantity;
-    
-    // Update the individual total amount display
-    document.getElementById("totalAmountDisplay-" + itemId).innerText = `$${totalAmount.toFixed(2)}`;
-}
         function showItemDetails(name, price, image, description, section, selectedCategory) {
             document.getElementById('modal-name').innerText = name;
             document.getElementById('modal-price').innerText = `$${price}`;
@@ -778,7 +759,4 @@ function roundRewardPoints() {
     <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
 </body>
-</html>
-    </script>
-</body>
 </html>