From df6945e54583c08037ca7e81a65ddbd9d46cc905 Mon Sep 17 00:00:00 2001
From: Daniel Siepmann <coding@daniel-siepmann.de>
Date: Tue, 24 Nov 2020 14:01:27 +0100
Subject: [PATCH] Improve UI

Inspired by https://marcandrew.me/ui-ux-tips-collection-vol-one/
---
 Resources/Private/Sass/Frontend/layout/_content.scss  |  3 +++
 Resources/Private/Sass/Frontend/layout/_elements.scss | 10 +++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/Resources/Private/Sass/Frontend/layout/_content.scss b/Resources/Private/Sass/Frontend/layout/_content.scss
index 0a789ae..32141f9 100644
--- a/Resources/Private/Sass/Frontend/layout/_content.scss
+++ b/Resources/Private/Sass/Frontend/layout/_content.scss
@@ -45,8 +45,11 @@ section > article {
 article {
     &:first-of-type {
         padding-top: 0;
+        margin-top: 0;
     }
 
+    margin-top: 2.75em;
+
     main {
         h1:first-of-type {
             padding-top: 0;
diff --git a/Resources/Private/Sass/Frontend/layout/_elements.scss b/Resources/Private/Sass/Frontend/layout/_elements.scss
index da315c9..037b2d1 100644
--- a/Resources/Private/Sass/Frontend/layout/_elements.scss
+++ b/Resources/Private/Sass/Frontend/layout/_elements.scss
@@ -1,14 +1,14 @@
 h1, h2, h3, h4, h5, h6 {
     font-family: $font-family-sans-serif;
-    letter-spacing: 0.14em;
+    letter-spacing: 2px;
+    word-spacing: 2px;
     font-weight: 300;
-    word-spacing: 0.3em;
     line-height: 2.8rem;
 
     margin: 0;
 
     padding: {
-        top: $spacer * 4;
+        top: $spacer * 3;
         bottom: $spacer * 1;
     }
 
@@ -22,6 +22,10 @@ h1, h2, h3, h4, h5, h6 {
     }
 }
 
+p {
+    line-height: 1.5em;
+}
+
 figure {
     text-align: center;
     padding: $spacer;