Increase margin bottom on printable page

IFRCGo · Dec 13, 2023 · faf5904 · faf5904
1 parent 2961574
commit faf5904
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/src/index.css b/src/index.css
@@ -5,6 +5,7 @@
 
     --base-font-size: 0.875rem;
     --go-ui-font-size-export: 0.6875rem;
+    --go-ui-export-page-margin: 10mm 10mm 16mm 10mm;
 
     --go-ui-font-size-2xs: calc(var(--base-font-size) * 0.625);
     --go-ui-font-size-xs: calc(var(--base-font-size) * 0.75);
@@ -261,7 +262,7 @@ ul, ol, p {
 @media print {
     @page {
         size: portrait A4;
-        margin: 10mm;
+        margin: var(--go-ui-export-page-margin);
     }
 
     body {

diff --git a/src/views/DrefApplicationExport/styles.module.css b/src/views/DrefApplicationExport/styles.module.css
@@ -7,7 +7,7 @@
     @media screen {
         margin: var(--go-ui-spacing-xl) auto;
         background-color: var(--go-ui-color-foreground);
-        padding: 10mm;
+        padding: var(--go-ui-export-page-margin);
         width: 210mm;
         min-height: 297mm;
     }

diff --git a/src/views/DrefFinalReportExport/styles.module.css b/src/views/DrefFinalReportExport/styles.module.css
@@ -7,7 +7,7 @@
     @media screen {
         margin: var(--go-ui-spacing-xl) auto;
         background-color: var(--go-ui-color-foreground);
-        padding: 10mm;
+        padding: var(--go-ui-export-page-margin);
         width: 210mm;
         min-height: 297mm;
     }

diff --git a/src/views/DrefOperationalUpdateExport/styles.module.css b/src/views/DrefOperationalUpdateExport/styles.module.css
@@ -7,7 +7,7 @@
     @media screen {
         margin: var(--go-ui-spacing-xl) auto;
         background-color: var(--go-ui-color-foreground);
-        padding: 10mm;
+        padding: var(--go-ui-export-page-margin);
         width: 210mm;
         min-height: 297mm;
     }