Rework styling of the web/print

6 files changed, 23 insertions, 26 deletions

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;
 }