Merge pull request #180 from 0101oak/fix/care-card

wip
jekabolt · Nov 21, 2024 · 6540cca · 6540cca
2 parents d782d9c + 5e0e9da
commit 6540cca
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/components/managers/products/genericProductComponent/care/care.scss b/src/components/managers/products/genericProductComponent/care/care.scss
@@ -17,18 +17,15 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
 
     .care-card-img-container {
-      padding: 0.4rem;
       display: flex;
       justify-content: center;
       align-items: center;
-      flex: 0 0 auto;
     }
 
     .care-card-text {
-      flex: 1 1 auto;
       display: flex;
       align-items: center;
       justify-content: center;

diff --git a/src/components/managers/products/genericProductComponent/care/careInstructions.tsx b/src/components/managers/products/genericProductComponent/care/careInstructions.tsx
@@ -74,7 +74,8 @@ export const CareInstructions: FC<CareInstructionsProps> = ({
                         src={img}
                         alt={method}
                         style={{
-                          width: isSelected ? '80%' : isMobile ? '26px' : '50px',
+                          width: isSelected ? '80%' : '50%',
+                          height: 'auto',
                         }}
                       />
                     </Grid>