From c30cf00ec3dcf786ef5e91f782d58ed24cfe0852 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Tue, 24 Jan 2017 00:25:09 +0100
Subject: [PATCH] Fixed menu arrow, padding and avatar position, fix #3217
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 core/css/header.scss | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/core/css/header.scss b/core/css/header.scss
index 0134ca951d..28da7f6dfa 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -318,7 +318,8 @@
 
 /* User menu on the right */
 #expand {
-	display: block;
+	display: flex;
+	align-items: center;
 	padding: 7px 30px 6px 10px;
 	cursor: pointer;
 	* {
@@ -344,8 +345,6 @@
 
 	/* Profile picture in header */
 	.avatardiv {
-		float: left;
-		display: inline-block;
 		margin-right: 8px;
 		cursor: pointer;
 		height: 32px;
@@ -376,23 +375,22 @@
 	&:after {
 		/* position of dropdown arrow */
 		right: 15px;
-		border-color: rgba(0, 0, 0, 0);
-		border-bottom-color: rgba(255, 255, 255, 1);
+		border: 10px solid transparent;
+		border-color: transparent;
+		border-bottom-color: #fff;
 		bottom: 100%;
-		border: solid transparent;
 		content: ' ';
 		height: 0;
 		width: 0;
 		position: absolute;
 		pointer-events: none;
-		border-width: 10px;
 		margin-left: -10px;
 	}
 	a {
 		display: block;
 		height: 40px;
 		color: #000;
-		padding: 4px 12px 0;
+		padding: 10px 12px 0;
 		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
 		opacity: .5;
 		box-sizing: border-box;