From 95a687ae375008a2624c936a47c796f47c98a468 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sat, 31 Aug 2024 15:38:51 +0200
Subject: [PATCH] Update updates page styling

---
 src/screens/Updates.tsx | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/screens/Updates.tsx b/src/screens/Updates.tsx
index ea7f9df3..c83665da 100644
--- a/src/screens/Updates.tsx
+++ b/src/screens/Updates.tsx
@@ -181,7 +181,7 @@ export const Updates: React.FC = () => {
                                             display: 'flex',
                                             justifyContent: 'space-between',
                                             alignItems: 'center',
-                                            padding: 2,
+                                            padding: 1.5,
                                         }}
                                     >
                                         <Box sx={{ display: 'flex' }}>
@@ -192,7 +192,7 @@ export const Updates: React.FC = () => {
                                                         width: 56,
                                                         height: 56,
                                                         flex: '0 0 auto',
-                                                        marginRight: 2,
+                                                        marginRight: 1,
                                                         background: 'transparent',
                                                     }}
                                                 >
@@ -209,16 +209,20 @@ export const Updates: React.FC = () => {
                                                     />
                                                 </Avatar>
                                             </Link>
-                                            <Box sx={{ display: 'flex', flexDirection: 'column' }}>
-                                                <TypographyMaxLines variant="h5" component="h2">
+                                            <Box
+                                                sx={{
+                                                    display: 'flex',
+                                                    flexDirection: 'column',
+                                                    justifyContent: 'center',
+                                                    flexGrow: 1,
+                                                    flexShrink: 1,
+                                                    wordBreak: 'break-word',
+                                                }}
+                                            >
+                                                <TypographyMaxLines variant="h6" component="h3">
                                                     {manga.title}
                                                 </TypographyMaxLines>
-                                                <TypographyMaxLines
-                                                    variant="caption"
-                                                    display="block"
-                                                    gutterBottom
-                                                    lines={1}
-                                                >
+                                                <TypographyMaxLines variant="caption" display="block" lines={1}>
                                                     {chapter.name}
                                                 </TypographyMaxLines>
                                             </Box>