Improved mobile optimization for `.contentNavigation`

diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss
index 354f9aa16a7789ea3df81125d06c9f01440e3a8a..82cfbd044c371ffedba96ce49c576e419644e3ad 100644 (file)
--- a/wcfsetup/install/files/style/layout/content.scss
+++ b/wcfsetup/install/files/style/layout/content.scss
@@ -273,19 +273,10 @@ fieldset {
        }
        
        @include small-screen-only {
-               > nav + nav > ul {
-                       // gap between pagination and navigation buttons
-                       margin-top: 10px;
-               }
-               
                ul {
                        margin-top: 30px;
                        
                        > li {
-                               & + li {
-                                       margin-top: 10px;
-                               }
-                               
                                > .button {
                                        display: block;
                                        padding: 7px 10px;
@@ -293,5 +284,24 @@ fieldset {
                                }
                        }
                }
+               
+               > nav:not(.pagination) > ul > li + li {
+                       margin-top: 10px;
+               }
+       }
+}
+
+@include small-screen-only {
+       .contentNavigation > .pagination {
+               display: none;
+       }
+       
+       .section ~ .contentNavigation > .pagination {
+               display: block;
+               
+               & + nav {
+                       // gap between pagination and navigation buttons
+                       margin-top: 10px;
+               }
        }
 }