From ca141b107622d81ff909f140a3296bc78d215f4e Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Sun, 7 Aug 2022 12:13:24 +0200
Subject: [PATCH] feat: downsize flow app icons

---
 packages/web/src/components/FlowAppIcons/index.tsx         | 3 ++-
 packages/web/src/components/FlowRow/style.ts               | 2 +-
 packages/web/src/components/IntermediateStepCount/style.ts | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/components/FlowAppIcons/index.tsx b/packages/web/src/components/FlowAppIcons/index.tsx
index 1dbb6912..77c1d117 100644
--- a/packages/web/src/components/FlowAppIcons/index.tsx
+++ b/packages/web/src/components/FlowAppIcons/index.tsx
@@ -21,7 +21,7 @@ export default function FlowAppIcons(props: FlowAppIconsProps) {
         name=" "
         variant="rounded"
         url={firstStep.iconUrl}
-        imgProps={{ width: 30, height: 30}}
+        sx={{ width: 30, height: 30 }}
       />
 
       {intermeaditeStepCount > 0 && <IntermediateStepCount count={intermeaditeStepCount} />}
@@ -30,6 +30,7 @@ export default function FlowAppIcons(props: FlowAppIconsProps) {
         name=" "
         variant="rounded"
         url={lastStep.iconUrl}
+        sx={{ width: 30, height: 30 }}
       />}
     </>
   )
diff --git a/packages/web/src/components/FlowRow/style.ts b/packages/web/src/components/FlowRow/style.ts
index e2a7f5be..e992a210 100644
--- a/packages/web/src/components/FlowRow/style.ts
+++ b/packages/web/src/components/FlowRow/style.ts
@@ -7,7 +7,7 @@ import MuiTypography from '@mui/material/Typography';
 export const CardContent = styled(MuiCardContent)(({ theme }) => ({
   display: 'grid',
   gridTemplateRows: 'auto',
-  gridTemplateColumns: 'calc(50px * 3 + 8px * 2) minmax(0, auto) min-content',
+  gridTemplateColumns: 'calc(30px * 3 + 8px * 2) minmax(0, auto) min-content',
   gridGap: theme.spacing(2),
   gridTemplateAreas: `
     "apps title menu"
diff --git a/packages/web/src/components/IntermediateStepCount/style.ts b/packages/web/src/components/IntermediateStepCount/style.ts
index 95ac6760..b88c286c 100644
--- a/packages/web/src/components/IntermediateStepCount/style.ts
+++ b/packages/web/src/components/IntermediateStepCount/style.ts
@@ -5,8 +5,8 @@ export const Container = styled('div')(({ theme }) => ({
   flexDirection: 'column',
   justifyContent: 'center',
   alignItems: 'center',
-  minWidth: 50,
-  height: 50,
+  minWidth: 30,
+  height: 30,
   border: `1px solid ${theme.palette.text.disabled}`,
   borderRadius: theme.shape.borderRadius,
 }));