From 8062987bb351da17dd600add4a23e926efcca9b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sat, 6 Nov 2021 15:12:44 +0100
Subject: [PATCH] Change Cart button icon and size

---
 src/components/atoms/ButtonCart.svelte | 7 +++----
 src/style/atoms/_button-cart.scss      | 9 +++++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/atoms/ButtonCart.svelte b/src/components/atoms/ButtonCart.svelte
index 2e2cc76..611535e 100644
--- a/src/components/atoms/ButtonCart.svelte
+++ b/src/components/atoms/ButtonCart.svelte
@@ -2,15 +2,14 @@
     import { cartOpen, cartAmount } from '$utils/store'
     import ButtonCircle from './ButtonCircle.svelte'
 
-
-    const handleCartOpening = () => {
+    const openCart = () => {
         $cartOpen = true
     }
 </script>
 
 <div class="button-cart">
-    <ButtonCircle color="purple" on:click={handleCartOpening}>
-        <img src="/images/icons/pin.svg" alt="">
+    <ButtonCircle color="purple" on:click={openCart}>
+        <img src="/images/icons/bag.svg" width={27} height={22} alt="Cart icon">
     </ButtonCircle>
 
     {#if $cartAmount > 0}
diff --git a/src/style/atoms/_button-cart.scss b/src/style/atoms/_button-cart.scss
index 23867eb..cdc09ea 100644
--- a/src/style/atoms/_button-cart.scss
+++ b/src/style/atoms/_button-cart.scss
@@ -8,6 +8,15 @@
         margin-left: auto;
     }
 
+    // Icon
+    img {
+        display: block;
+        width: 27px;
+        height: 27px;
+        margin-top: -3px;
+    }
+
+    // Quantity label
     .quantity {
         position: absolute;
         top: 50%;