From 39a72b6670b31ecf3c2dee255d087765e931a604 Mon Sep 17 00:00:00 2001
From: Katja Lutz <mail@katjalutz.ch>
Date: Sat, 23 Jul 2022 19:02:49 +0200
Subject: [PATCH] fix: in print preview show same page margin independent of
 fullWidthInvoice

---
 src/routes/index.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 5b2d368..1c2b0f6 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -92,7 +92,9 @@ export default function Home() {
   });
 
   const InnerPadding: FlowComponent = (props) => (
-    <div classList={{ "px-16": state.fullWidthInvoice }}>{props.children}</div>
+    <div classList={{ "mx-16 print:mx-[11mm]": state.fullWidthInvoice }}>
+      {props.children}
+    </div>
   );
 
   const PageHeader: Component = () => {
@@ -278,9 +280,9 @@ export default function Home() {
         <Style type="text/css">{`
 @page {
   size: A4 portrait;
-  margin: 11mm ${state.fullWidthInvoice ? 0 : 4}rem 11mm ${
-          state.fullWidthInvoice ? 0 : 4
-        }rem;
+  margin: 11mm ${state.fullWidthInvoice ? 0 : 11}mm 11mm ${
+          state.fullWidthInvoice ? 0 : 11
+        }mm;
 }
 
 .swissinvoice {