style tweaks

content/resume.json

@@ -228,5 +228,9 @@
       "language": "German",
       "fluency": "Native speaker"
     }
-  ]
+  ],
+  "meta": {
+    "canonical": "https://matthiaskretschmann.com/resume",
+    "lastModified": ""
+  }
 }

src/components/molecules/ThemeSwitch.module.scss

@@ -17,6 +17,10 @@
             height: $font-size-base * 0.9;
         }
     }
+
+    @media print {
+        display: none;
+    }
 }
 
 .checkboxContainer {

src/pages/resume/ResumeItem.module.scss

@@ -9,14 +9,14 @@
     &::before {
         content: '';
         display: block;
-        width: $font-size-base;
+        width: $font-size-mini;
-        height: $font-size-base;
+        height: $font-size-mini;
         border-radius: 50%;
         background: $body-background-color;
         border: 0.1rem solid $color-headings;
         position: absolute;
-        left: -($font-size-base / 1.8);
+        left: -($font-size-mini / 1.8);
-        top: 0;
+        top: 0.15rem;
 
         :global(.dark) & {
             background: $body-background-color--dark;
@@ -64,16 +64,14 @@
 }
 
 @media print {
-    .time {
+    .resumeItem {
-        @media (min-width: $screen-md) {
+        padding-bottom: $spacer * 2;
-            text-align: left;
-            position: relative;
-            top: auto;
-            right: auto;
-        }
     }
 
-    :global(html) {
+    .time {
-        font-size: 10pt;
+        text-align: left;
+        position: relative;
+        top: auto;
+        right: auto;
     }
 }

src/pages/resume/index.module.scss

@@ -92,11 +92,24 @@
 }
 
 @media print {
+    :global(html) {
+        font-size: 8pt;
+    }
+
+    body {
+        background: #fff !important;
+        margin: 1cm 1.5cm;
+    }
+
+    p {
+        color: silver;
+    }
+
+    .title {
+        margin-bottom: 0;
+    }
+
     .resume {
         grid-template-columns: 1fr;
     }
-
-    :global(html) {
-        font-size: 10pt;
-    }
 }