From 7149120734e517f4babf75272dc32cae22daf9a0 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 24 Apr 2018 21:10:47 +0200
Subject: [PATCH] mobile tweaks

---
 src/components/molecules/Social.scss | 11 ++++++++---
 src/components/organisms/Header.scss |  4 +++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/molecules/Social.scss b/src/components/molecules/Social.scss
index 98a7105..5539b6f 100644
--- a/src/components/molecules/Social.scss
+++ b/src/components/molecules/Social.scss
@@ -1,15 +1,15 @@
 @import 'variables';
 
 .social {
-    margin-top: $spacer;
+    margin-top: $spacer * 2;
     display: flex;
     justify-content: center;
     width: 100%;
 }
 
 .social__link {
-    margin-left: $spacer / 2;
-    margin-right: $spacer / 2;
+    margin-left: $spacer / 4;
+    margin-right: $spacer / 4;
     padding: $spacer / 2;
     text-align: center;
     display: flex;
@@ -18,6 +18,11 @@
     border-radius: .25rem;
     transition-property: transform, background, box-shadow;
 
+    @media (min-width: 30rem) {
+        margin-left: $spacer / 2;
+        margin-right: $spacer / 2;
+    }
+
     &,
     .icon {
         transition: .2s ease-out;
diff --git a/src/components/organisms/Header.scss b/src/components/organisms/Header.scss
index 477cd14..9c92bc7 100644
--- a/src/components/organisms/Header.scss
+++ b/src/components/organisms/Header.scss
@@ -17,7 +17,7 @@
     width: 1.5rem;
     height: 1.5rem;
     fill: $brand-grey-light;
-    margin-bottom: $spacer;
+    margin-bottom: $spacer / 2;
     margin-left: auto;
     margin-right: auto;
 }
@@ -32,6 +32,7 @@
     font-size: $font-size-h3;
     margin-right: $spacer / 4;
     color: $brand-main;
+    line-height: $line-height;
 }
 
 .header__description {
@@ -63,6 +64,7 @@
 
     .header__title {
         font-size: $font-size-h4;
+        line-height: $line-height-headings;
     }
 
     .header__description {