Fixed menu arrow, padding and avatar position, fix #3217

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

diff --git a/core/css/header.scss b/core/css/header.scss
index 0134ca951d4797ce204ef4b3fcc5dd56677abee3..28da7f6dfa65afbf42b5f8492f8f162830ca9548 100644 (file)
--- 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;