From fec5c9b4385d04cb9c9a22da420b79a6ecd968bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9ophile=20Bastian?= <contact@tobast.fr>
Date: Sat, 12 Nov 2022 21:40:09 +0100
Subject: [PATCH] Slight style change in header for small screens

---
 scss/style.scss      | 8 ++++++++
 static/css/style.css | 9 ++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/scss/style.scss b/scss/style.scss
index 762c5de..99d6cb2 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -26,6 +26,10 @@ body {
   padding: 30px 60px;
   color: $bg_color;
 
+  @media (max-width: $resp_vsmall) {
+    padding: 20px;
+  }
+
   .title {
     font-size: 1.4em;
     font-weight: bold;
@@ -33,6 +37,10 @@ body {
 
   .whoami {
     font-weight: bold;
+    padding-left: 20px;
+    @media (max-width: $resp_vsmall) {
+      font-size: 0.8em;
+    }
   }
   a, a:visited {
     color: $bg_color;
diff --git a/static/css/style.css b/static/css/style.css
index 9b52fb2..5a4f355 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -20,11 +20,18 @@ body {
   margin: 0;
   padding: 30px 60px;
   color: white; }
+  @media (max-width: 1000px) {
+    #head {
+      padding: 20px; } }
   #head .title {
     font-size: 1.4em;
     font-weight: bold; }
   #head .whoami {
-    font-weight: bold; }
+    font-weight: bold;
+    padding-left: 20px; }
+    @media (max-width: 1000px) {
+      #head .whoami {
+        font-size: 0.8em; } }
   #head a, #head a:visited {
     color: white; }