From 500e0cfaf4d34a82eeba7c4887d97630e2bc30bf Mon Sep 17 00:00:00 2001
From: konrad <konrad@kola-entertainments.de>
Date: Thu, 19 Dec 2019 21:11:38 +0000
Subject: [PATCH] Fix update notification layout on mobile (#44)

---
 src/styles/theme.scss | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/styles/theme.scss b/src/styles/theme.scss
index b724a7c0..50fc22dc 100644
--- a/src/styles/theme.scss
+++ b/src/styles/theme.scss
@@ -298,6 +298,32 @@ h1,h2,h3,h4,h5,h6{
   border-radius: $radius;
   font-size: .9em;
   color: darken($dark, 5);
+  justify-content: space-between;
+
+  @media screen and (max-width: $desktop) {
+    & {
+      position: fixed;
+      bottom: 1em;
+      margin: 0;
+      width: 450px;
+      left: calc(50vw - 225px);
+    }
+  }
+
+  @media screen and (max-width: $tablet){
+    & {
+      position: fixed;
+      left: 1em;
+      right: 1em;
+      bottom: 1em;
+      width: auto;
+    }
+  }
+
+  p {
+    text-align: center;
+    width: 100%;
+  }
 
   .button {
     margin-left: .5em;