From a3deea5b4b8261949e4a2f7fd3796b30043c27e6 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Wed, 18 Dec 2024 00:33:03 +0100
Subject: [PATCH] Properly center chapter transition page

After changes in e4253633c914ad4f837252a567c946efb4ccf270 the transition page content wasn't properly centered anymore in the single/double reading mode depending on the applied reader settings (scale type, stretch, reader width)
---
 src/modules/reader/components/viewer/ReaderTransitionPage.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/modules/reader/components/viewer/ReaderTransitionPage.tsx b/src/modules/reader/components/viewer/ReaderTransitionPage.tsx
index a1a73fa1..321dad23 100644
--- a/src/modules/reader/components/viewer/ReaderTransitionPage.tsx
+++ b/src/modules/reader/components/viewer/ReaderTransitionPage.tsx
@@ -92,6 +92,10 @@ export const ReaderTransitionPage = ({
             sx={{
                 justifyContent: 'center',
                 alignItems: 'center',
+                ...applyStyles(!isContinuousReadingMode(readingMode), {
+                    width: '100%',
+                    height: '100%',
+                }),
                 ...applyStyles(isContinuousReadingMode(readingMode), {
                     position: 'relative',
                     transform: 'scale(1)',