From b7f3bd0fabee44ec2ede38ffbeafb55103ed975e Mon Sep 17 00:00:00 2001
From: szaimen <szaimen@e.mail.de>
Date: Fri, 17 Dec 2021 22:37:28 +0100
Subject: [PATCH] fix overlapping buttons

Signed-off-by: szaimen <szaimen@e.mail.de>
---
 src/App.vue | 39 ++++++++++++++++++++++++++-------------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7eb24875..10138637 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -203,19 +203,25 @@
 				max-width: 100% !important;
 				width: 100%;
 			}
-			.page #wizard-values li {
-				min-width: 100%;
-				overflow: hidden;
-				display: flex;
-				span {
-					width: 44px !important;
-					padding-right: 20px;
-					flex-grow: 0;
+			.page {
+				#wizard-values li {
+					min-width: 100%;
+					overflow: hidden;
+					display: flex;
+					span {
+						width: 44px !important;
+						padding-right: 20px;
+						flex-grow: 0;
+					}
+					h3 {
+						font-size: 12px;
+						text-align: left;
+						flex-grow: 1;
+					}
 				}
-				h3 {
-					font-size: 12px;
-					text-align: left;
-					flex-grow: 1;
+
+				&.content-final {
+					padding-bottom: 50px;
 				}
 			}
 		}
@@ -295,7 +301,14 @@
 		position: absolute;
 		display: flex;
 		bottom: 0;
-		right: 0;
+		left: 0;
+	}
+
+	@media only screen and (max-width: 680px) {
+		.modal-footer {
+			right: 0;
+			left: unset;
+		}
 	}
 
 	.modal-footer button {