Slightly improved visuals for mobile header

diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index 1a97f717d88a1d63c42b1bfa0f9ddbd34a3fd716..59e7d7554c12f4d6dedf67c14a7041a39168a502 100644 (file)
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -43,7 +43,6 @@
        }
        
        @include small-screen-only {
-               height: 50px;
                padding: 10px;
        }
 }

diff --git a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
index 4578e5b3138b580c456d42f19b9e6801661f0539..c48120ab05c15c2a6ccf56667b08c03d318f5e58 100644 (file)
--- a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
+++ b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
@@ -18,19 +18,17 @@
                top: 0;
                right: 0;
                z-index: 301;
-               
-               > div {
-                       height: 50px;
-                       
-                       @include large-screen-only {
-                               // remove padding, the vertical alignment is done using `align-items`
-                               padding-bottom: 0;
-                               padding-top: 0;
-                       }
-               }
        }
        
        @include large-screen-only {
+               .layoutBoundary {
+                       height: 50px;
+                       
+                       // remove padding, the vertical alignment is done using `align-items`
+                       padding-bottom: 0;
+                       padding-top: 0;
+               }
+               
                .pageHeaderContainerLeft,
                .pageHeaderContainerRight {
                        align-items: center;