From feedb5843a1a1089eabcb184833eaf9564d3004a Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Tue, 21 May 2024 17:21:34 +0200
Subject: [PATCH] fix sizing on mobile

---
 src/css/footerstyle.css |  1 -
 src/css/mainstyle.css   | 18 +++++++++++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/css/footerstyle.css b/src/css/footerstyle.css
index 8af5e6f..02feeca 100755
--- a/src/css/footerstyle.css
+++ b/src/css/footerstyle.css
@@ -31,7 +31,6 @@
     width: 90vw;
     background-color: rgba(0, 0, 0, 0) !important;
     color: white !important;
-    padding: 20px;
     margin-left: 15px;
 }
 
diff --git a/src/css/mainstyle.css b/src/css/mainstyle.css
index 33ec099..f7efc05 100755
--- a/src/css/mainstyle.css
+++ b/src/css/mainstyle.css
@@ -9,15 +9,19 @@
 /*
 	Set size of html and body to full width
 */
-html, body {
+html {
+	width: 100%;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+body {
 	width: 100%;
 	height: 100%;
 	margin: 0;
 	padding: 0;
 	font-size: calc(14pt + 0.395vw);
-}
-
-body {
 	background-color: rgb(105, 144, 189);
 	font-family: sans-serif;
 }
@@ -80,7 +84,7 @@ body {
 */
 
 .content-wrapper {
-	width: 100%;
+	width: 100vw;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -195,4 +199,8 @@ body {
 		width: auto;
 		height: 40vh;
 	}
+}
+
+#footer {
+	width: 100vw;
 }
\ No newline at end of file