From f6edea79e7ef41adfc3627e6f1082a2e5d2ae480 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Wed, 15 Oct 2025 16:58:03 +0200
Subject: [PATCH] manually fixed print layout to 4 qr codes per A4

---
 app/ui/PrintPreview.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/app/ui/PrintPreview.tsx b/app/ui/PrintPreview.tsx
index dd17e7c..468ec6a 100644
--- a/app/ui/PrintPreview.tsx
+++ b/app/ui/PrintPreview.tsx
@@ -24,10 +24,10 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
     <>
       {/* Print-specific CSS styles */}
       <style jsx>{`
-        @media print {
+        @media screen {
           @page {
             size: A4;
-            margin: 1in;
+            margin: 0;
           }
 
           body {
@@ -68,22 +68,19 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
           .print-table td {
             border: 2px solid black !important;
             background: white !important;
+            vertical-align: top;
           }
 
           .print-table th {
             padding: 8px 12px !important;
           }
 
-          .print-table td {
-            padding: 16px 12px !important;
-          }
-
           .print-table thead tr {
             background: #f5f5f5 !important;
           }
 
-          .print-table .space-y-1 > * + * {
-            margin-top: 0.5rem !important;
+          .print-table td img {
+            margin: 5em auto;
           }
         }
       `}</style>