From 436da67b0ad19308f5d2b51a09869dcb38f8d684 Mon Sep 17 00:00:00 2001
From: Tom Gehrke <phyrog@users.noreply.github.com>
Date: Mon, 26 Feb 2018 13:25:27 +0100
Subject: [PATCH] Extend Header upwards (#364)

* Extend Header upwards

* Update snapshots

* Increase padding/margin
---
 src/components/Header.js                                        | 2 ++
 src/components/__tests__/__snapshots__/HeadAndBody.test.js.snap | 2 ++
 src/components/__tests__/__snapshots__/Header.test.js.snap      | 2 ++
 3 files changed, 6 insertions(+)

diff --git a/src/components/Header.js b/src/components/Header.js
index 195226d3..06f21ef8 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -6,6 +6,8 @@ const StyledHeader = styled.div`
   background-color: ${({ theme }) => theme.colors.dark};
   color: ${({ theme }) => theme.colors.light} !important;
   margin-bottom: 1em;
+  margin-top: -100vh;
+  padding-top: 100vh;
 `;
 
 const InnerHeader = styled.div`
diff --git a/src/components/__tests__/__snapshots__/HeadAndBody.test.js.snap b/src/components/__tests__/__snapshots__/HeadAndBody.test.js.snap
index d935222d..062fe5cc 100644
--- a/src/components/__tests__/__snapshots__/HeadAndBody.test.js.snap
+++ b/src/components/__tests__/__snapshots__/HeadAndBody.test.js.snap
@@ -6,6 +6,8 @@ Array [
   background-color: #000;
   color: !important;
   margin-bottom: 1em;
+  margin-top: -100vh;
+  padding-top: 100vh;
 }
 
 .c1 {
diff --git a/src/components/__tests__/__snapshots__/Header.test.js.snap b/src/components/__tests__/__snapshots__/Header.test.js.snap
index 0c69d1b5..dbf93f02 100644
--- a/src/components/__tests__/__snapshots__/Header.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Header.test.js.snap
@@ -5,6 +5,8 @@ exports[`Header matches the snapshot 1`] = `
   background-color: #000;
   color: !important;
   margin-bottom: 1em;
+  margin-top: -100vh;
+  padding-top: 100vh;
 }
 
 .c1 {