diff --git a/index.html b/index.html
index 60f84e0..d2b5e9e 100644
--- a/index.html
+++ b/index.html
@@ -4,10 +4,10 @@
<%= fn.getCVTitle(cv) %>
diff --git a/src/preview/index.html b/src/preview/index.html
index cccac6b..a935f77 100644
--- a/src/preview/index.html
+++ b/src/preview/index.html
@@ -4,10 +4,11 @@
CV
+
diff --git a/src/preview/main.js b/src/preview/main.js
index 1c40b77..d986b9b 100644
--- a/src/preview/main.js
+++ b/src/preview/main.js
@@ -1,5 +1,3 @@
-import '../scss/print.css';
-
import {
getCVData,
getCVSavedTime,
diff --git a/src/scss/print.css b/src/scss/print.css
index 3b76026..9c5c946 100644
--- a/src/scss/print.css
+++ b/src/scss/print.css
@@ -1,4 +1,4 @@
-/* Page setup works for all themes */
+/* Mandatory page setup for all themes */
@page {
/* A4 */
/* size: 210mm 297mm; */
@@ -6,26 +6,31 @@
margin: 10mm; /* approximately 0.4in */
}
+/* simulate print page size */
+.cv-container {
+ width: calc(210mm - 20mm);
+ padding: 10mm;
+}
+@media print {
+ /* remove the printing simulations and common decorations , let @page decide the size and margin */
+ .cv-container {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ width: auto;
+ }
+}
+
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
- page-break-inside: auto;
+ padding: 0;
+ border: 0;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
-
- /* simulate print page size */
- padding: 10mm;
- width: calc(210mm - 20mm);
-}
-@media print {
- /* remove simulate print page size, let @page decide the size and margin */
- body {
- padding: 0;
- border: 0;
- }
}
.section-title,