From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 19 Dec 2021 18:44:54 +0000 (+0100)
Subject: Increased the size of the touch areas of header items
X-Git-Tag: 5.5.0_Alpha_1~242^2~34
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=f219f25311a193dad7c52f949ed78dd33b5585d8;p=GitHub%2FWoltLab%2FWCF.git

Increased the size of the touch areas of header items
---

diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index c334ad7b0f..e93616e174 100644
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -456,7 +456,7 @@
 		grid-template-columns: auto repeat(3, max-content);
 		height: 50px;
 		left: 0;
-		padding: 0 10px;
+		padding: 0 6px;
 		position: fixed;
 		right: 0;
 		top: 0;
@@ -470,8 +470,25 @@
 		position: static;
 	}
 
+	.pageHeaderSearchMobile,
+	.userPanel,
+	.mainMenu {
+		align-items: center;
+		display: flex;
+		height: 40px;
+		justify-content: center;
+		width: 40px;
+	}
+
 	.pageHeaderLogo {
 		grid-area: logo;
+
+		a {
+			align-items: center;
+			display: inline-flex;
+			height: 40px;
+			padding: 0 4px;
+		}
 	}
 
 	.pageHeaderSearchMobile {