Make resize event available to the read book widget as well

src/pyj/book_list/boss.pyj

@@ -7,7 +7,7 @@ from elementmaker import E
 from modals import error_dialog, create_modal_container
 from gettext import gettext as _
 from widgets import get_widget_css
-from utils import parse_url_params
+from utils import parse_url_params, debounce
 
 from book_list.globals import get_session_data, set_boss, set_current_query
 from book_list.theme import get_color
@@ -47,6 +47,11 @@ class Boss:
         setTimeout(def():
             window.onpopstate = self.onpopstate.bind(self)
         , 0)  # We do this after event loop ticks over to avoid catching popstate events that some browsers send on page load
+        window.addEventListener('resize', debounce(self.on_resize.bind(self), 250))
+
+    def on_resize(self):
+        self.ui.on_resize()
+        self.read_ui.on_resize()
 
     def apply_mode(self, mode):
         mode = mode or self.current_mode

src/pyj/book_list/ui.pyj

@@ -9,7 +9,6 @@ from book_list.item_list import ItemsView, create_item
 from book_list.prefs import PrefsPanel
 from book_list.book_details import BookDetailsPanel
 from gettext import gettext as _
-from utils import debounce
 from modals import error_dialog, ajax_progress_dialog
 
 class BarState:
@@ -96,7 +95,6 @@ class UI:
         self.panels = [self.books_view, self.items_view, self.search_panel, self.prefs_panel, self.book_details_panel]
         self.panel_map = {self.ROOT_PANEL: UIState(create_book_view_top_bar_state(self.books_view), main_panel=self.books_view)}
         self.current_panel = self.ROOT_PANEL
-        window.addEventListener('resize', debounce(self.on_resize.bind(self), 250))
 
         num_of_libraries = len(interface_data.library_map)
         actions = [

src/pyj/read_book/ui.pyj

@@ -47,6 +47,9 @@ class ReadUI:
         ))
         self.view = View(container.lastChild, self)
 
+    def on_resize(self):
+        self.view.on_resize()
+
     def show_stack(self, name):
         ans = None
         for w in self.stacked_widgets:

src/pyj/read_book/view.pyj

@@ -28,10 +28,15 @@ class View:
         self.ui = ui
         self.loaded_resources = {}
         container.appendChild(
-            E.iframe(
+            E.div(style='width: 100vw; height: 100vh; overflow: hidden; display: flex; align-items: stretch',
-                id=iframe_id,
+                  E.div(style='display: flex; flex-direction: column; align-items: stretch; flex-grow:2',
-                seamless=True,
+                    E.iframe(
-                sandbox='allow-popups allow-scripts',
+                        id=iframe_id,
+                        seamless=True,
+                        sandbox='allow-popups allow-scripts',
+                        style='flex-grow: 2',
+                    )
+                )
             )
         )
         self.src_doc = None
@@ -94,6 +99,9 @@ class View:
     def on_iframe_error(self, data):
         self.ui.show_error((data.title or _('There was an error processing the book')), data.msg, data.details)
 
+    def on_resize(self):
+        pass
+
     def show_loading(self, title):
         return  # TODO: Implement this