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 c0c1c22f5f382e54dc5c86fadefc46099847c601..e8136712d6741e659e19d6d2ff376d3bd22c5c9e 100644 (file)
--- 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 {