From: Alexander Ebert <ebert@woltlab.com>
Date: Fri, 19 Aug 2016 11:22:55 +0000 (+0200)
Subject: Negative margins were too large on mobile
X-Git-Tag: 3.0.0_Beta_1~668
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=7102d09098fb5bb1dc0215f06e1ff98a58c4f572;p=GitHub%2FWoltLab%2FWCF.git

Negative margins were too large on mobile
---

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index c0c1c22f5f..e8136712d6 100644
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -118,9 +118,6 @@
 	}
 	
 	.boxContainer {
-		margin-left: -15px;
-		margin-right: -15px;
-		
 		@include screen-sm-up {
 			display: flex;
 			flex-wrap: wrap;
@@ -129,11 +126,15 @@
 		@include screen-md-down {
 			padding: 40px 0;
 			margin-bottom: -40px;
+			margin-left: -10px;
+			margin-right: -10px;
 		}
 		
 		@include screen-lg {
 			padding: 60px 0;
 			margin-bottom: -60px;
+			margin-left: -15px;
+			margin-right: -15px;
 		}
 	}
 	
@@ -563,19 +564,26 @@
 	}
 	
 	.boxContainer {
-		margin-left: -15px;
-		margin-right: -15px;
-		
 		@include screen-sm-down {
 			padding: 40px 0;
 		}
 		
+		@include screen-md-down {
+			margin-left: -10px;
+			margin-right: -10px;
+		}
+		
 		@include screen-md-up {
 			display: flex;
 			flex-wrap: wrap;
 			margin-bottom: -60px;
 			padding: 60px 0;
 		}
+		
+		@include screen-lg {
+			margin-left: -15px;
+			margin-right: -15px;
+		}
 	}
 	
 	.box {