From 741426173aa631f546c491795fa19590fa471347 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sat, 27 Sep 2025 15:50:26 +0200
Subject: [PATCH] Prevent horizontal scrollbar on viewport width increase

When increasing the window, the main reader container did not immediately reflect the change and was still smaller than the available width.
In case the viewed pages were filling the full width, this then caused the horizontal scrollbar to appear until the resize action was finished.
---
 src/features/reader/screens/Reader.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/features/reader/screens/Reader.tsx b/src/features/reader/screens/Reader.tsx
index 4c72ff1e..21304ac4 100644
--- a/src/features/reader/screens/Reader.tsx
+++ b/src/features/reader/screens/Reader.tsx
@@ -233,6 +233,8 @@ const BaseReader = ({
                 position: 'relative',
                 display: 'flex',
                 flexDirection: 'column',
+                minWidth: `calc(100vw - ${readerNavBarWidth}px)`,
+                maxWidth: `calc(100vw - ${readerNavBarWidth}px)`,
                 width: `calc(100vw - ${readerNavBarWidth}px)`,
                 height: `100vh`,
                 marginLeft: `${readerNavBarWidth}px`,