playing with printer layout to get it to print the cv correctly

[curriculum.git] / css / style.css

diff --git a/css/style.css b/css/style.css
index a64da6d..978001d 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -131,6 +131,9 @@ body {
         text-align: center;
         padding-left: 1em;
         padding-right: 1em; }
+        body #wrapper #menu #menu-content #print-page i {
+          font-size: 6em;
+          color: #F5F5F5; }
     body #wrapper #header {
       grid-area: header;
       display: grid;
@@ -234,7 +237,7 @@ body {
 
 @page {
   size: A4;
-  margin: 11mm 15mm 15mm 17mm; }
+  margin: 17mm 15mm 17mm 15mm; }
 @media print {
   body {
     background: none; }
@@ -242,14 +245,16 @@ body {
     body #wrapper #menu {
       display: none; }
     body #wrapper #header figure {
-      width: 7em; }
+      width: 8em; }
       body #wrapper #header figure img {
-        width: 7em;
+        width: 8em;
         box-shadow: none; }
     body #wrapper #main #container #content div.working-experience div {
       page-break-inside: avoid; }
-    body #wrapper #main #container #content div.knowledge {
+    body #wrapper #main #container #content div.knowledge p:last-child {
       page-break-after: always !important; }
+    body #wrapper #main #container #content h2.personal-details {
+      page-break-before: always; }
     body #wrapper #footer {
       position: fixed;
       bottom: 0;