From: Alexander Ebert <ebert@woltlab.com>
Date: Wed, 2 Mar 2016 14:15:15 +0000 (+0100)
Subject: Fixed mobile view
X-Git-Tag: 3.0.0_Beta_1~2030^2~67
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=4050c4871959f85195dd119536410b99f837cc67;p=GitHub%2FWoltLab%2FWCF.git

Fixed mobile view
---

diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index 5c51b60390..1a97f717d8 100644
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -17,14 +17,10 @@
 
 .pageHeader .layoutBoundary {
 	display: flex;
-	padding-top: 20px;
-	padding-bottom: 20px;
 	
 	.pageHeaderContainerLeft,
 	.pageHeaderContainerRight {
 		display: flex;
-		flex-direction: column;
-		justify-content: space-between;
 	}
 	
 	.pageHeaderContainerLeft {
@@ -34,15 +30,33 @@
 	.pageHeaderContainerRight {
 		flex: 0 0 auto;
 	}
+	
+	@include large-screen-only {
+		padding-top: 20px;
+		padding-bottom: 20px;
+		
+		.pageHeaderContainerLeft,
+		.pageHeaderContainerRight {
+			flex-direction: column;
+			justify-content: space-between;
+		}
+	}
+	
+	@include small-screen-only {
+		height: 50px;
+		padding: 10px;
+	}
 }
 
 /* LOGO */
 .pageHeaderLogo {
-	margin-bottom: 15px;
-	
 	.pageHeaderLogoSmall {
 		display: none;
 	}
+	
+	@include large-screen-only {
+		margin-bottom: 15px;
+	}
 }
 
 /* MAIN MENU */
diff --git a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
index 1e8eb63350..4578e5b313 100644
--- a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
+++ b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss
@@ -22,9 +22,11 @@
 		> div {
 			height: 50px;
 			
-			// remove padding, the vertical alignment is done using `align-items`
-			padding-bottom: 0;
-			padding-top: 0;
+			@include large-screen-only {
+				// remove padding, the vertical alignment is done using `align-items`
+				padding-bottom: 0;
+				padding-top: 0;
+			}
 		}
 	}