Fix user dropdown on mobile

2020-06-12 19:07:42 +02:00 · 2020-06-12 19:07:42 +02:00 · 7065b52053
parent 914e8f2084
commit 7065b52053
1 changed files with 16 additions and 1 deletions
--- 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;