From c2bed3a52770f78e208c8039e63828ea3e779129 Mon Sep 17 00:00:00 2001
From: Lukas Winkler <l.winkler23@mailbox.org>
Date: Wed, 27 Dec 2017 12:41:04 +0100
Subject: [PATCH] fix narrow screens

---
 public/style.css  | 3 +++
 public/style.scss | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/public/style.css b/public/style.css
index 3963c08..9f652b0 100644
--- a/public/style.css
+++ b/public/style.css
@@ -22,6 +22,9 @@ body, html {
   text-decoration: none;
   display: flex;
   align-items: center; }
+  @media screen and (max-height: 400px) {
+    #buttonwrapper {
+      top: 10px; } }
   #buttonwrapper:hover {
     text-decoration: none; }
     #buttonwrapper:hover #icon {
diff --git a/public/style.scss b/public/style.scss
index 51ebfa0..e50f95b 100644
--- a/public/style.scss
+++ b/public/style.scss
@@ -23,6 +23,9 @@ body, html {
 }
 
 #buttonwrapper {
+  @media screen and (max-height: 400px) {
+    top: 10px;
+  }
   position: fixed;
   top: 50px;
   text-decoration: none;