From a0a5de5e3aa4c4643590fbf03789c781028db81b Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Tue, 9 Dec 2025 16:13:48 +0100
Subject: [PATCH] Fix print layout on macOS

---
 styles.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/styles.css b/styles.css
index eea5868..95e4f48 100644
--- a/styles.css
+++ b/styles.css
@@ -777,15 +777,29 @@ input[type="date"] {
 /* Print styles */
 @media print {
   @page {
+    size: A4;
     margin: 12mm 10mm 18mm 10mm; /* plus d'espace en bas pour le numéro de page */
   }
 
+  html,
+  body {
+    background: #ffffff !important;
+  }
+
   body {
     -webkit-print-color-adjust: exact;
     print-color-adjust: exact;
     padding-bottom: 22mm; /* réserve de place pour le footer de page */
   }
 
+  /* S'assurer que seule la preview occupe la largeur papier (Safari/Chrome macOS) */
+  .container {
+    grid-template-columns: 1fr !important;
+    padding: 0 !important;
+    margin: 0 auto !important;
+    max-width: 210mm;
+  }
+
   /* Numérotation auto des pages (Chrome/Edge) */
   body::after {
     content: "Page " counter(page) " / " counter(pages);
@@ -815,6 +829,8 @@ input[type="date"] {
     box-shadow: none !important;
     border: none !important;
     background: transparent !important;
+    max-width: 210mm;
+    width: 100%;
   }
 
   /* Affiche uniquement les pages prêtes à être imprimées */
@@ -850,6 +866,21 @@ input[type="date"] {
     font-weight: 500;
     color: #1f3fae;
   }
+
+  /* Grille simplifiée pour l'impression: évite l'étalement sur macOS */
+  .items,
+  .items-head,
+  .items-row {
+    width: 100%;
+  }
+  .items-head,
+  .items-row {
+    grid-template-columns: 2fr 80px 120px 120px;
+  }
+  .items-body .items-row {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
 }
 
 /* ===== Templates d'impression ===== */