From e8ee4f832c28f2fa745f328116879b4b64fba8bb Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 19 Jul 2020 18:04:31 +0200
Subject: [PATCH] Remove button for cart items.

---
 frontend/components/Cart.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/frontend/components/Cart.vue b/frontend/components/Cart.vue
index 3ff848b..999f982 100644
--- a/frontend/components/Cart.vue
+++ b/frontend/components/Cart.vue
@@ -24,7 +24,16 @@
             </td>
             <td>38.99 NOK</td>
             <td>2</td>
-            <td>77.99 NOK</td>
+            <td class="sum-and-remove">
+              <span>77.99 NOK</span>
+              <i class="icon icon--close-circle"
+                 @click="removeFromCart(product)"
+                 @keyup.enter="removeFromCart(product)"
+                 role="button"
+                 tabindex="0"
+                 :title="'Remove product: ' + product.name"></i>
+              </button>
+            </td>
           </tr>
         </tbody>
       </table>
@@ -134,6 +143,15 @@ table.cart-inventory {
     }
   }
 
+  .sum-and-remove i {
+    float: right;
+    margin-top: -1px;
+    font-size: var(--text-md);
+    color: var(--color-pink);
+
+    cursor: pointer;
+  }
+
   thead tr th {
     border-bottom: 2px solid rgba(255,255,255,.1);