From dc3ac42dec8431568a904ceeaa78bae663508b62 Mon Sep 17 00:00:00 2001
From: Hiers <dvmap@protonmail.com>
Date: Sat, 16 Jul 2022 12:09:23 +0100
Subject: [PATCH] Right flip panels are 1/3 of the rightmost area of the entire
 screen, not of the page. (same for left flip panels)

---
 src/views/reader.html.ecr | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/views/reader.html.ecr b/src/views/reader.html.ecr
index f1e7236..21357ee 100644
--- a/src/views/reader.html.ecr
+++ b/src/views/reader.html.ecr
@@ -5,7 +5,7 @@
   <%= render_component "head" %>
 
   <body style="position:relative;" x-data="readerComponent()" x-init="init($nextTick)" @resize.window="resized()">
-    <div class="uk-section uk-section-default uk-section-small reader-bg" :style="mode === 'continuous' ? '' : 'padding:0'">
+    <div class="uk-section uk-section-default uk-section-small reader-bg" :style="mode === 'continuous' ? '' : 'padding:0; position: relative;'">
 
       <div @keydown.window.debounce="keyHandler($event)"></div>
 
@@ -40,7 +40,7 @@
           <%- end -%>
         </div>
 
-        <div x-cloak x-show="!loading && mode !== 'continuous'" class="uk-flex uk-flex-middle" :style="`height:${fitType === 'vert' ? '100vh' : ''}; min-width: fit-content; position: relative;`">
+        <div x-cloak x-show="!loading && mode !== 'continuous'" class="uk-flex uk-flex-middle" :style="`height:${fitType === 'vert' ? '100vh' : ''}; min-width: fit-content;`">
 
           <img uk-img :class="{
                                'uk-align-center': true, 
