From d0e08574cba51fd2460ee1ba106769d77d21b1e0 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Mon, 28 Mar 2022 14:42:34 +0200
Subject: [PATCH] Change spacing.

---
 source/scss/components/_page-footer.scss | 2 +-
 source/scss/components/_page-header.scss | 3 ++-
 source/scss/components/_page-main.scss   | 4 ++--
 source/scss/index.scss                   | 8 ++++----
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/source/scss/components/_page-footer.scss b/source/scss/components/_page-footer.scss
index b4e3938..69352a6 100644
--- a/source/scss/components/_page-footer.scss
+++ b/source/scss/components/_page-footer.scss
@@ -3,5 +3,5 @@
 .page-footer {
   @include mixins.responsive-container;
 
-  margin-top: 1rem;
+  margin-bottom: 2rem;
 }
diff --git a/source/scss/components/_page-header.scss b/source/scss/components/_page-header.scss
index c39f993..6b15c5b 100644
--- a/source/scss/components/_page-header.scss
+++ b/source/scss/components/_page-header.scss
@@ -3,5 +3,6 @@
 .page-header {
   @include mixins.responsive-container;
 
-  padding: 1rem;
+  border-bottom: 2px dotted var(--foreground-1);
+  margin-bottom: 2rem;
 }
diff --git a/source/scss/components/_page-main.scss b/source/scss/components/_page-main.scss
index 1fdbf8f..43529d4 100644
--- a/source/scss/components/_page-main.scss
+++ b/source/scss/components/_page-main.scss
@@ -3,11 +3,11 @@
 .page-main {
   @include mixins.responsive-container;
 
-  padding: 1rem;
+  margin-bottom: 2rem;
 
   .contact-links {
     display: grid;
-    gap: 1rem;
+    gap: 2rem;
     grid-template-columns: repeat(2, 1fr);
 
     @media (max-width: mixins.$medium-breakpoint) {
diff --git a/source/scss/index.scss b/source/scss/index.scss
index da0012b..9f2dc28 100644
--- a/source/scss/index.scss
+++ b/source/scss/index.scss
@@ -12,7 +12,7 @@ body {
   color: var(--foreground-1);
   font-family: sans-serif;
   font-size: 2rem;
-  padding: 1rem;
+  padding: 2rem;
 }
 
 a {
@@ -39,9 +39,9 @@ button {
 }
 
 .divider {
-  border-top: 2px solid var(--foreground-1);
-  margin-bottom: 1rem;
-  margin-top: 1rem;
+  border-top: 2px dotted var(--foreground-1);
+  margin-bottom: 2rem;
+  margin-top: 2rem;
 }
 
 @use 'components/errors';