From 86f4e895b114d14b668ff55b4c1ff104f8df154d Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Fri, 30 Aug 2024 21:38:16 +0200
Subject: [PATCH] Update migration card styling

---
 src/components/MigrationCard.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/MigrationCard.tsx b/src/components/MigrationCard.tsx
index 97b06272..8afea981 100644
--- a/src/components/MigrationCard.tsx
+++ b/src/components/MigrationCard.tsx
@@ -32,7 +32,7 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
                     display: 'flex',
                     justifyContent: 'space-between',
                     alignItems: 'center',
-                    p: 2,
+                    p: 1.5,
                 }}
             >
                 <Box sx={{ display: 'flex' }}>
@@ -42,7 +42,7 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
                             width: 56,
                             height: 56,
                             flex: '0 0 auto',
-                            mr: 2,
+                            mr: 1,
                             background: 'transparent',
                         }}
                     >
@@ -53,8 +53,8 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
                             src={requestManager.getValidImgUrlFor(iconUrl)}
                         />
                     </Avatar>
-                    <Box sx={{ display: 'flex', flexDirection: 'column' }}>
-                        <Typography variant="h5" component="h2">
+                    <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
+                        <Typography variant="h6" component="h3">
                             {name}
                         </Typography>
                         <Typography variant="caption" display="block">
@@ -62,7 +62,7 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
                         </Typography>
                     </Box>
                 </Box>
-                <Chip sx={{ borderRadius: '5px' }} size="small" label={mangaCount} />
+                <Chip sx={{ borderRadius: 1 }} size="small" label={mangaCount} />
             </CardContent>
         </CardActionArea>
     </Card>