From 21bb931a74155a75b14fb4c307dcd18108a3de09 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Thu, 22 Feb 2024 19:24:27 +0100
Subject: [PATCH] Use full available width for reader component (#618)

Due to horizontally centering the flex-box items via "alignItems", the items did not stretch anymore, which is the default value for "alignItems" and thus, did not take up the available width.

Regression introduced with ab0ecf4da0a2511fd0a8d8885bce07e53dfd5840
---
 src/screens/Reader.tsx | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/screens/Reader.tsx b/src/screens/Reader.tsx
index f4c45db3..b2c3a524 100644
--- a/src/screens/Reader.tsx
+++ b/src/screens/Reader.tsx
@@ -423,19 +423,21 @@ export function Reader() {
             }}
         >
             <PageNumber settings={settings} curPage={curPage} pageCount={chapter.pageCount} />
-            <ReaderComponent
-                key={chapter.id}
-                pages={pages}
-                pageCount={chapter.pageCount}
-                setCurPage={setCurPage}
-                initialPage={initialPage}
-                curPage={curPage}
-                settings={settings}
-                manga={manga}
-                chapter={chapter}
-                nextChapter={loadNextChapter}
-                prevChapter={loadPrevChapter}
-            />
+            <Box sx={{ alignSelf: 'stretch' }}>
+                <ReaderComponent
+                    key={chapter.id}
+                    pages={pages}
+                    pageCount={chapter.pageCount}
+                    setCurPage={setCurPage}
+                    initialPage={initialPage}
+                    curPage={curPage}
+                    settings={settings}
+                    manga={manga}
+                    chapter={chapter}
+                    nextChapter={loadNextChapter}
+                    prevChapter={loadPrevChapter}
+                />
+            </Box>
         </Box>
     );
 }