From 9f8db259a41dc70c34bae8035b6cb60330e50b32 Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Wed, 11 Jan 2023 08:42:52 +0900
Subject: [PATCH] Rework media display

---
 src/modules/common/MediaDisplay.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/modules/common/MediaDisplay.tsx b/src/modules/common/MediaDisplay.tsx
index 6c32ccfba..7c3631b18 100644
--- a/src/modules/common/MediaDisplay.tsx
+++ b/src/modules/common/MediaDisplay.tsx
@@ -180,14 +180,19 @@ export function MediaDisplay({ media }: { media: IMedia }) {
   const { t } = useTranslation('modules/common-media-cards');
 
   return (
-    <Group mr="xs" align="stretch" noWrap style={{ maxHeight: 200 }} spacing="xs">
+    <Group mr="xs" align="stretch" noWrap style={{ maxHeight: 250, maxWidth: 400 }} spacing="xs">
       <Image src={media.poster} height={200} width={150} radius="md" fit="cover" />
       <Stack justify="space-around">
         <Stack spacing="sm">
           <Text lineClamp={2}>
             <Title order={5}>{media.title}</Title>
           </Text>
-          <Group spacing="xs">
+          <Group
+            spacing={5}
+            style={{
+              maxWidth: 250,
+            }}
+          >
             {media.type === 'tvshow' && (
               <Badge variant="dot" size="xs" radius="md" color="blue">
                 s{media.seasonNumber}e{media.episodeNumber} - {media.episodetitle}