From: Alexander Ebert <ebert@woltlab.com>
Date: Wed, 13 Apr 2016 14:51:46 +0000 (+0200)
Subject: Fixed button list visuals on mobile
X-Git-Tag: 3.0.0_Beta_1~1912
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=0923f8db1a2683d715659e07d542e4ecdcbfa4e9;p=GitHub%2FWoltLab%2FWCF.git

Fixed button list visuals on mobile
---

diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss
index a68a285d88..4287a23dba 100644
--- a/wcfsetup/install/files/style/layout/content.scss
+++ b/wcfsetup/install/files/style/layout/content.scss
@@ -332,17 +332,35 @@ fieldset {
 }
 
 .contentFooter {
-	display: flex;
-	
-	> .paginationBottom {
-		flex: 0 0 auto;
-		margin-top: 20px;
+	@include large-screen-only {
+		display: flex;
+		
+		> .paginationBottom {
+			flex: 0 0 auto;
+			margin-top: 20px;
+		}
+		
+		> .contentFooterNavigation {
+			flex: 1 1 auto;
+			margin: 20px 0 0 20px;
+			text-align: right;
+		}
 	}
 	
-	> .contentFooterNavigation {
-		flex: 1 1 auto;
-		margin: 20px 0 0 20px;
-		text-align: right;
+	@include small-screen-only {
+		> .contentFooterNavigation {
+			margin-top: 20px;
+			
+			.button {
+				display: block;
+				padding: 7px 10px;
+				text-align: center;
+				
+				&:not(:first-child) {
+					margin-top: 10px;
+				}
+			}
+		}
 	}
 }
 
diff --git a/wcfsetup/install/files/style/layout/form.scss b/wcfsetup/install/files/style/layout/form.scss
index ed0c10046e..b8adc56af1 100644
--- a/wcfsetup/install/files/style/layout/form.scss
+++ b/wcfsetup/install/files/style/layout/form.scss
@@ -109,8 +109,24 @@ select {
 		margin-top: 30px;
 	}
 	
-	> :not(:first-child) {
-		margin-left: 10px;
+	@include large-screen-only {
+		> :not(:first-child) {
+			margin-left: 10px;
+		}
+	}
+	
+	@include small-screen-only {
+		> .button,
+		> button,
+		> input {
+			display: block;
+			padding: 7px 10px;
+			width: 100%;
+			
+			&:not(:first-child) {
+				margin-top: 10px;
+			}
+		}
 	}
 }