From 7102d09098fb5bb1dc0215f06e1ff98a58c4f572 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Fri, 19 Aug 2016 13:22:55 +0200 Subject: [PATCH] Negative margins were too large on mobile --- wcfsetup/install/files/style/layout/box.scss | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) 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 { -- 2.20.1