Rework styling of the web/print

12 files changed, 74 insertions, 39 deletions

diff --git a/assets/scss/print/_base.scss b/assets/scss/print/_base.scss
index ab0ca17..fba5300 100644
--- a/assets/scss/print/_base.scss
+++ b/assets/scss/print/_base.scss
@@ -13,6 +13,6 @@ a:link, a:visited, a:hover, a:active {
 }
 
 .section-header {
-  font-size: 18pt;
-  margin-bottom: -0.6em;
+  font-size: 14pt;
+  margin-bottom: -0.6rem;
 }
diff --git a/assets/scss/print/_education.scss b/assets/scss/print/_education.scss
index fd0ba28..8984bfa 100644
--- a/assets/scss/print/_education.scss
+++ b/assets/scss/print/_education.scss
@@ -1,11 +1,15 @@
 .education {
   // avoid page breaks inside the education section
   page-break-inside: avoid;
-  margin-top: 75px;
+  margin-top: 24pt;
   // remove the extra space added for the website
   margin-bottom: 0;
 }
 
+.education__degree {
+  font-size: 10pt;
+}
+
 .education__details {
   margin-top: 0.3em;
 }
diff --git a/assets/scss/print/_header.scss b/assets/scss/print/_header.scss
index a788ab8..ac63fdb 100644
--- a/assets/scss/print/_header.scss
+++ b/assets/scss/print/_header.scss
@@ -1,10 +1,7 @@
 .header__name {
-  margin-bottom: 0.1em;
-  margin-top: 1em;
-}
-
-.header__language {
-  display: none;
+  margin-bottom: 0.1rem;
+  margin-top: 1rem;
+  font-size: 24pt;
 }
 
 .header__tel,
@@ -15,6 +12,7 @@
 .header__stackoverflow,
 .header__linkedin {
   display: inline;
+  font-size: 8pt;
 }
 
 .header__pgp {
diff --git a/assets/scss/print/_projects.scss b/assets/scss/print/_projects.scss
index c7fa414..076dfcb 100644
--- a/assets/scss/print/_projects.scss
+++ b/assets/scss/print/_projects.scss
@@ -1,7 +1,18 @@
 .projects {
-  margin-top: 75px;
+  margin-top: 24pt;
   page-break-inside: avoid;
 }
 
 .project {
 }
+
+.project__title {
+  font-size: 9pt;
+  margin-bottom: 0.2rem;
+}
+
+.project__content {
+  font-size: 9pt;
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
diff --git a/assets/scss/print/_skills.scss b/assets/scss/print/_skills.scss
index 9d37b90..6dec13c 100644
--- a/assets/scss/print/_skills.scss
+++ b/assets/scss/print/_skills.scss
@@ -1,5 +1,5 @@
 .skills {
-  margin-top: 75px;
+  margin-top: 24pt;
 }
 
 .skills__content {
@@ -9,9 +9,11 @@
 .skills__title {
   min-width: 12%;
   margin-left: 15px;
+  font-size: 9pt;
 }
 
 .skills__items {
   margin-bottom: 0.1em;
   margin-left: 15px;
+  font-size: 9pt;
 }
diff --git a/assets/scss/print/_work.scss b/assets/scss/print/_work.scss
index 9495eb0..2189869 100644
--- a/assets/scss/print/_work.scss
+++ b/assets/scss/print/_work.scss
@@ -1,5 +1,9 @@
 .work {
-  margin-top: 75px;
+  margin-top: 24pt;
+}
+
+.work__header {
+  margin-bottom: 0.2rem;
 }
 
 .work__experience {
@@ -8,7 +12,26 @@
 
 // Style the Company name links in the PDF with thicker underline
 .job-position__company {
+  margin-top: 0.6rem;
+  font-size: 11pt;
   a:link, a:visited, a:hover, a:active {
-    text-decoration-thickness: 2px;
+    text-decoration-thickness: 1px;
   }
 }
+
+.job-position__title,
+.job-position__duration,
+.job-position__location {
+}
+
+.note {
+  max-width: 100%;
+}
+
+.tasks {
+  max-width: 90%;
+}
+
+.footnote {
+  font-size: 7pt;
+}
diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index b2bbe02..d293dec 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -38,6 +38,7 @@ a:link, a:visited, a:hover, a:active {
 }
 
 .section-header {
+  font-size: 1.6rem;
   display: flex;
   flex-direction: row;
   margin-bottom: -0.3rem;
diff --git a/assets/scss/web/_header.scss b/assets/scss/web/_header.scss
index ae412d5..196afa0 100644
--- a/assets/scss/web/_header.scss
+++ b/assets/scss/web/_header.scss
@@ -3,17 +3,11 @@
   font-style: normal;
 }
 
-.header__language {
-  float: right;
-  margin-top: 1em;
-  margin-bottom: -0.3em;
-}
-
 .header__name {
   font-size: 3.3rem;
-  margin-bottom: -0.2em;
+  margin-bottom: -0.2rem;
   clear: right;
-  margin-top: 1.3em;
+  margin-top: 3.3rem;
   @media screen and (max-width: 780px) {
     font-size: 2rem;
   }
@@ -30,7 +24,7 @@
 .header__location {
   display: block;
   font-style: italic;
-  margin-bottom: 1em;
+  margin-bottom: 1rem;
 }
 
 .header__tel,
diff --git a/assets/scss/web/_projects.scss b/assets/scss/web/_projects.scss
index 236c4e3..54ebf07 100644
--- a/assets/scss/web/_projects.scss
+++ b/assets/scss/web/_projects.scss
@@ -9,13 +9,10 @@
 
 .project__title {
   margin-bottom: 0;
-  font-size: 1.1rem;
-
+  font-size: 1rem;
 }
 
 .project__content {
-  margin-left: 1.2em;
-  margin-right: 1.2em;
-  margin-top: 0.3em;
-  margin-bottom: 1.5em;
+  margin-top: 0;
+  margin-bottom: 1.5rem;
 }
diff --git a/assets/scss/web/_skills.scss b/assets/scss/web/_skills.scss
index 5ce9831..21e9ce3 100644
--- a/assets/scss/web/_skills.scss
+++ b/assets/scss/web/_skills.scss
@@ -21,11 +21,12 @@
 
 .skills__items {
   width: 80%;
-  margin-bottom: 0.1em;
+  margin-bottom: 0.1rem;
   margin-left: 25px;
+  font-size: 0.9rem;
 
   @media screen and (max-width: 780px) {
-    margin-bottom: 1em;
+    margin-bottom: 1rem;
     width: 100%;
   }
 }
diff --git a/assets/scss/web/_summary.scss b/assets/scss/web/_summary.scss
index 688945e..620f592 100644
--- a/assets/scss/web/_summary.scss
+++ b/assets/scss/web/_summary.scss
@@ -4,5 +4,5 @@
 
 .summary__content {
   text-align: justify;
-  margin-top: 1.5em;
+  margin-top: 1.5rem;
 }
diff --git a/assets/scss/web/_work.scss b/assets/scss/web/_work.scss
index 288ffef..c4d78d6 100644
--- a/assets/scss/web/_work.scss
+++ b/assets/scss/web/_work.scss
@@ -5,15 +5,12 @@
 }
 
 .work__experience {
-}
-
-.work__experience {
   &:after {
     display: flex;
     content: "";
     border-bottom: 1px solid;
     margin: auto;
-    max-width: 30%;
+    max-width: 75%;
   }
   &:last-of-type:after {
     // remove the extra horizontal line after the last work__experience
@@ -40,7 +37,7 @@
 .job-position__company {
   order: 0;
   margin-bottom: 0;
-  font-size: 1.4rem;
+  font-size: 1.2rem;
 }
 
 .job-position__title {
@@ -72,10 +69,17 @@
 }
 
 .note {
-  margin-top: 0.4em;
-  margin-bottom: 0.4em;
+  max-width: 93%;
+  margin-top: 0.6rem;
+  margin-bottom: 0.6rem;
 }
 
 .tasks {
-  margin-top: 0.4em;
+  max-width: 90%;
+  margin-top: 0.4rem;
+}
+
+.footnote {
+  margin-bottom: 0.8rem;
+  font-size: 0.8rem;
 }