From 716f1df0733fbc8875b4e1b041148ef7f70937c5 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sun, 1 Sep 2024 00:28:18 +0200
Subject: [PATCH] Update tracker components styling

---
 src/components/tracker/TrackerActiveCard.tsx    |  2 +-
 src/components/tracker/TrackerMangaCard.tsx     | 10 +++++-----
 src/components/tracker/TrackerUntrackedCard.tsx |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/tracker/TrackerActiveCard.tsx b/src/components/tracker/TrackerActiveCard.tsx
index de20bdd7..82b302f5 100644
--- a/src/components/tracker/TrackerActiveCard.tsx
+++ b/src/components/tracker/TrackerActiveCard.tsx
@@ -153,7 +153,7 @@ const TrackerActiveHeader = ({
     const { t } = useTranslation();
 
     return (
-        <Stack direction="row" alignItems="stretch" sx={{ paddingBottom: '15px' }}>
+        <Stack direction="row" alignItems="stretch" sx={{ paddingBottom: 2 }}>
             <TrackerActiveLink url={trackRecord.remoteUrl}>
                 <Avatar
                     alt={`${tracker.name}`}
diff --git a/src/components/tracker/TrackerMangaCard.tsx b/src/components/tracker/TrackerMangaCard.tsx
index 9e4f913c..2914a8e6 100644
--- a/src/components/tracker/TrackerMangaCard.tsx
+++ b/src/components/tracker/TrackerMangaCard.tsx
@@ -111,27 +111,27 @@ export const TrackerMangaCard = ({
     return (
         <Card
             sx={{
-                marginBottom: '15px',
-                '&:last-child': { marginBottom: '60px' },
+                marginBottom: 2,
+                '&:last-child': { marginBottom: 8 },
             }}
         >
             <CardActionArea onClick={onSelect}>
                 <CardContent sx={{ padding: '0', borderRadius: 'inherit' }}>
                     <Box
                         sx={{
-                            padding: '10px',
+                            padding: 1,
                             border: '3px solid',
                             borderRadius: 'inherit',
                             borderColor: selected ? 'primary.main' : 'transparent',
                         }}
                     >
-                        <Stack direction="row" gap="15px" marginBottom="15px">
+                        <Stack direction="row" gap={2} marginBottom={2}>
                             <CardMedia
                                 sx={{
                                     aspectRatio: '225/350',
                                     minWidth: '100px',
                                     width: '150px',
-                                    borderRadius: '4px',
+                                    borderRadius: 1,
                                     overflow: 'hidden',
                                 }}
                             >
diff --git a/src/components/tracker/TrackerUntrackedCard.tsx b/src/components/tracker/TrackerUntrackedCard.tsx
index 0612d2fa..a0f39126 100644
--- a/src/components/tracker/TrackerUntrackedCard.tsx
+++ b/src/components/tracker/TrackerUntrackedCard.tsx
@@ -28,7 +28,7 @@ export const TrackerUntrackedCard = ({
     return (
         <Card sx={CARD_STYLING}>
             <CardContent sx={{ padding: '0' }}>
-                <Stack direction="row" gap="25px">
+                <Stack direction="row" gap={3}>
                     <Avatar
                         alt={`${tracker.name}`}
                         src={requestManager.getValidImgUrlFor(tracker.icon)}