From f7f5c51b643c85f5ca5d906ee4fc50cdf594bcd0 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 14 Jan 2017 21:36:14 +0100
Subject: [PATCH] More resilient approach for arrow position

position: absolute has some really awkward results, especially with the
latest CSS align spec changes.
---
 wcfsetup/install/files/acp/style/layout.scss        | 6 +-----
 wcfsetup/install/files/style/layout/pageHeader.scss | 7 ++++---
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/wcfsetup/install/files/acp/style/layout.scss b/wcfsetup/install/files/acp/style/layout.scss
index c4efdf3d59..f703aa1cfe 100644
--- a/wcfsetup/install/files/acp/style/layout.scss
+++ b/wcfsetup/install/files/acp/style/layout.scss
@@ -78,11 +78,7 @@ $wcfAcpMenuWidth: 150px;
 				border-radius: 0;
 				display: flex;
 				height: 50px;
-				padding: 6px 28px 6px 10px;
-				
-				&::after {
-					right: 10px;
-				}
+				padding: 6px 10px;
 				
 				&:hover {
 					background-color: rgba(0, 0, 0, .4);
diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index a22308e283..1aaa2e1f46 100644
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -364,7 +364,7 @@
 			max-width: 200px;
 			min-width: 140px;
 			overflow: hidden;
-			padding: 4px 24px 4px 8px;
+			padding: 4px 8px;
 			position: relative;
 			text-align: left;
 			text-overflow: ellipsis;
@@ -374,9 +374,10 @@
 			&::after {
 				color: inherit;
 				content: $fa-var-caret-down;
+				flex: 1;
 				font-family: FontAwesome;
-				position: absolute;
-				right: 8px;
+				margin-left: 10px;
+				text-align: right;
 			}
 		}
 		
-- 
2.20.1