From ce9454f57f78da79a1d7758753c7f8e55ab558eb Mon Sep 17 00:00:00 2001
From: Balazs Bajorics <2226774+balazsbajorics@users.noreply.github.com>
Date: Mon, 6 May 2024 18:00:31 +0200
Subject: [PATCH] fixing alignments

---
 app/components/Components.jsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/components/Components.jsx b/app/components/Components.jsx
index f0b54d9..0885f56 100644
--- a/app/components/Components.jsx
+++ b/app/components/Components.jsx
@@ -445,10 +445,15 @@ export const TrippyButton = ({
       {children}
     </span>
     {price && (
-      <Row gap={5}>
+      <Row gap={5} centerH>
         {typeof price === 'string' ? '$' + price : price}
         <img
           src='shoppingbag_black_small@2x.png'
+          style={{
+            width: 24,
+            height: 24,
+            paddingBottom: 4,
+          }}
           width={24}
           height={24}
           alt='Illustration (shopping bag)'
@@ -655,9 +660,7 @@ export const ProductCard = ({
             alignItems: 'center',
           }}
         >
-          <TypographyParagraph>
-            Add quantity
-          </TypographyParagraph>
+          Add quantity
           <QuantitySelector />
         </Row>
         <TrippyButton price={<Money data={price} />}>
@@ -739,10 +742,7 @@ export const QuantitySelector = () => (
       boxShadow: '-2px 3px 0px 0px #000',
     }}
   >
-    <CircleButton>-</CircleButton>
-    <TypographyParagraph style={{ paddingTop: 3 }}>
-      1
-    </TypographyParagraph>
+    <CircleButton>-</CircleButton>1
     <CircleButton>+</CircleButton>
   </Row>
 )