From e7eb2aeccc1b3b183f3978c82c214972bb9d211c Mon Sep 17 00:00:00 2001
From: Luca <Luca@hackerspace-bamberg.de>
Date: Fri, 8 Jul 2022 17:19:39 +0200
Subject: [PATCH] Add more margin to top/bottom of page on small screens

---
 assets/style.scss | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/assets/style.scss b/assets/style.scss
index 6d60bb7..6470a34 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -30,18 +30,26 @@ header {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
-	margin-top: 0.5rem;
+	margin-top: 1rem;
 
 	pre {
 		font-family: monospace;
 		font-size: 0.8rem;
 		line-height: 1;
 		user-select: none;
+
+		b {
+			font-family: monospace;
+		}
 	}
 
 	nav {
 		font-size: 1.2rem;
 	}
+
+	@media screen and (min-width: $small) {
+		margin-top: 0.5rem;
+	}
 }
 
 main {
@@ -49,7 +57,7 @@ main {
 }
 
 footer {
-	margin-bottom: 0.5rem;
+	margin-bottom: 1rem;
 
 	nav {
 		align-items: end;
@@ -59,6 +67,10 @@ footer {
 			justify-content: end;
 		}
 	}
+
+	@media screen and (min-width: $small) {
+		margin-bottom: 0.5rem;
+	}
 }
 
 nav {