fix overlapping buttons

Signed-off-by: szaimen <szaimen@e.mail.de>
nextcloud · Dec 17, 2021 · b7f3bd0 · b7f3bd0
1 parent 0cb74c2
commit b7f3bd0
Showing 1 changed file with 26 additions and 13 deletions.
diff --git 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 {