From: Marcel Werk <burntime@woltlab.com>
Date: Sun, 1 May 2022 12:42:14 +0000 (+0200)
Subject: Reduced size of form submit buttons (on mobile)
X-Git-Tag: 5.5.0_Alpha_6~7
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=1d224f10cdd05e7f5d09f869ee1fbbbdff025749;p=GitHub%2FWoltLab%2FWCF.git

Reduced size of form submit buttons (on mobile)
---

diff --git a/wcfsetup/install/files/style/layout/form.scss b/wcfsetup/install/files/style/layout/form.scss
index 6c9de433c6..4d3f1c1898 100644
--- a/wcfsetup/install/files/style/layout/form.scss
+++ b/wcfsetup/install/files/style/layout/form.scss
@@ -113,40 +113,29 @@ select {
 		margin-top: 30px;
 	}
 
-	@include screen-xs {
-		> .button,
-		> button,
-		> input {
-			display: block;
-			padding: 7px 10px;
-			width: 100%;
+	/* the `margin-bottom` styles are required to deal with buttons wrapping
+	   into the next row, also requires some changes to `.dialogFormSubmit`! */
+	margin-bottom: -10px;
 
-			&:not(:first-child) {
-				margin-top: 10px;
-			}
-		}
+	> button,
+	> input[type="button"],
+	> input[type="reset"],
+	> input[type="submit"],
+	> .button,
+	> a.button {
+		margin-bottom: 10px;
 	}
 
-	@include screen-sm-up {
-		/* the `margin-bottom` styles are required to deal with buttons wrapping
-		   into the next row, also requires some changes to `.dialogFormSubmit`! */
-		margin-bottom: -10px;
-
-		> button,
-		> input[type="button"],
-		> input[type="reset"],
-		> input[type="submit"],
-		> .button,
-		> a.button {
-			margin-bottom: 10px;
-		}
-
-		> :not(:first-child) {
-			margin-left: 10px;
-		}
+	> :not(:first-child) {
+		margin-left: 10px;
 	}
 }
 
+.formSubmit.formSubmit.formSubmit + .section {
+	/* Intentional selector to overwrite existing selector. */
+	margin-top: 20px;
+}
+
 .inputAddon {
 	display: flex;