From c6cef7036fff87e9c3bb50b0b0dba8c8e81c14dd Mon Sep 17 00:00:00 2001
From: Jarno Rankinen <jarno@oranki.net>
Date: Sat, 10 Feb 2024 18:24:28 +0200
Subject: [PATCH] Further improvements to printed page

---
 static/css/base.css        | 2 ++
 static/css/base.scss       | 3 +++
 static/css/light-style.css | 2 ++
 templates/index.html       | 4 ++--
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/static/css/base.css b/static/css/base.css
index f9582dc..4a51ded 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -72,6 +72,8 @@ body {
     text-align: right; } }
 
 @media print {
+  @page {
+    size: A4 portrait; }
   body:not(.tag) {
     font-size: 10pt;
     padding: 20px;
diff --git a/static/css/base.scss b/static/css/base.scss
index 0105da1..dccac85 100644
--- a/static/css/base.scss
+++ b/static/css/base.scss
@@ -92,6 +92,9 @@ body {
 }
 
 @media print {
+  @page {
+    size: A4 portrait;
+  }
   body:not(.tag) {
     font-size: 10pt;
     padding: 20px;
diff --git a/static/css/light-style.css b/static/css/light-style.css
index 6352990..2bd13b5 100644
--- a/static/css/light-style.css
+++ b/static/css/light-style.css
@@ -77,6 +77,8 @@ body {
     text-align: right; } }
 
 @media print {
+  @page {
+    size: A4 portrait; }
   body:not(.tag) {
     font-size: 10pt;
     padding: 20px;
diff --git a/templates/index.html b/templates/index.html
index ea3656b..beb5bc4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -179,7 +179,7 @@
                 {{ end }}
 
                 {{ with .Profile.Skills }}
-                <div class="skills">
+                <div class="skills item">
                     <div class="title is-size-5 has-text-primary has-text-weight-bold">
                         {{ translate "skills" $lang }}
                     </div>
@@ -201,7 +201,7 @@
                 {{ end }}
 
                 {{ with .Profile.Languages }}
-                <div class="languages">
+                <div class="languages item">
                     <div class="title is-size-5 has-text-primary has-text-weight-bold">
                         {{ translate "languages" $lang }}
                     </div>