From 21b9f16531b7e4f03947e83842586c8bca3e1692 Mon Sep 17 00:00:00 2001
From: Donkie <daniel.cf.hultgren@gmail.com>
Date: Mon, 5 Aug 2024 18:39:41 +0200
Subject: [PATCH] Print preview area now sizes according to its sibling area

---
 client/src/pages/printing/printingDialog.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/printing/printingDialog.tsx b/client/src/pages/printing/printingDialog.tsx
index d17ea57..d5b1aa8 100644
--- a/client/src/pages/printing/printingDialog.tsx
+++ b/client/src/pages/printing/printingDialog.tsx
@@ -178,12 +178,21 @@ const PrintingDialog: React.FC<PrintingDialogProps> = ({
   return (
     <>
       <Row gutter={16}>
-        <Col span={14}>
+        <Col
+          span={14}
+          style={{
+            // This magic makes this column take the height of the sibling column
+            // https://stackoverflow.com/a/49065029/2911165
+            display: "flex",
+            flexDirection: "column",
+          }}
+        >
           <div
             style={{
               transform: "translateZ(0)",
-              overflow: "hidden scroll",
-              height: "70vh",
+              overflow: "auto",
+              flexBasis: "0px",
+              flexGrow: "1",
             }}
           >
             <div