From 7065b52053ef9fc620d310ca601451fe50952f4a Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 12 Jun 2020 19:07:42 +0200
Subject: [PATCH] Fix user dropdown on mobile

---
 src/styles/theme/navigation.scss | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss
index a816503f..261ca0c0 100644
--- a/src/styles/theme/navigation.scss
+++ b/src/styles/theme/navigation.scss
@@ -45,7 +45,22 @@
 
     @media screen and (max-width: 640px) { // Magic number to hide the username if it would take too much space otherwise
       .user {
-        width: 7em;
+        width: 4rem;
+        display: flex;
+        align-items: center;
+
+        .dropdown-trigger {
+          line-height: 1;
+
+          .button {
+            padding: 0 0.25rem;
+            height: 1rem;
+
+            .icon {
+              width: .5rem;
+            }
+          }
+        }
 
         .username {
           display: none;