Update templates/cart.html

templates/cart.html

@@ -6,6 +6,9 @@
     <title>Cart</title>
     <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Add Font Awesome CDN for icons -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
+
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -155,7 +158,10 @@
                     <div class="text-primary">
                         $<span class="base-price">{{ item.Price__c }}</span> 
                     </div>
-                    <button class="btn btn-danger btn-sm" onclick="removeItemFromCart('{{ item.Name }}')">Remove</button>
+                    <!-- <button class="btn btn-danger btn-sm" onclick="removeItemFromCart('{{ item.Name }}')">Remove</button> -->
+                 <button class="btn btn-danger btn-sm" onclick="removeItemFromCart('{{ item.Name }}')">
+            <i class="fas fa-trash-alt"></i> <!-- Font Awesome delete icon -->
+        </button>
                 </div>
             </div>
             {% else %}