From f1cfb20d275364a2bf2352e1aa864534614e8d72 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 12 Sep 2018 22:53:51 +0200
Subject: [PATCH] layout tweaks

---
 src/components/Layout.module.scss           | 2 +-
 src/components/organisms/Footer.module.scss | 2 +-
 src/components/organisms/Header.module.scss | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss
index 425df431..fe6b2f61 100644
--- a/src/components/Layout.module.scss
+++ b/src/components/Layout.module.scss
@@ -38,7 +38,7 @@
         transform: translate3d(0, ($spacer * 8), 0);
     }
 
-    @media (min-width: $screen-sm) {
+    @media (min-width: $screen-sm) and (min-height: 500px) {
         margin-top: $spacer * 2.65;
         margin-bottom: $spacer * 20; // height of footer
         position: relative;
diff --git a/src/components/organisms/Footer.module.scss b/src/components/organisms/Footer.module.scss
index 85c7587b..2d968f87 100644
--- a/src/components/organisms/Footer.module.scss
+++ b/src/components/organisms/Footer.module.scss
@@ -7,7 +7,7 @@
     color: $text-color-light;
     line-height: $spacer;
 
-    @media (min-width: $screen-sm) {
+    @media (min-width: $screen-sm) and (min-height: 500px) {
         position: fixed;
         width: 100%;
         border: 0;
diff --git a/src/components/organisms/Header.module.scss b/src/components/organisms/Header.module.scss
index 4e3db502..bcd4973b 100644
--- a/src/components/organisms/Header.module.scss
+++ b/src/components/organisms/Header.module.scss
@@ -5,7 +5,7 @@
     margin-top: ($spacer/2);
     margin-bottom: ($spacer/2);
 
-    @media (min-width: $screen-sm) {
+    @media (min-width: $screen-sm) and (min-height: 500px) {
         position: fixed;
         width: 100%;
         z-index: 1;