Fix #85 (Notification icon sized incorrectly for short user names) (#127)

2021-03-29 17:15:39 +02:00
parent 0834759e1a
commit 8911bdf966
1 changed files with 4 additions and 0 deletions
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -237,9 +237,11 @@ export default {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
+        min-width: 12rem;
        .dropdown {
          position: relative;
          display: inline-block;
+          flex-grow: 1;
          &:hover .control {
            border-radius: var(--size-rounded-control);
            background: var(--color-button-bg);
@@ -264,9 +266,11 @@ export default {
            padding: 0.3rem 0.75rem;
            position: relative;
            z-index: 10;
+            width: 100%;
            .avatar {
              align-items: center;
              display: flex;
+              flex-grow: 1;
              .icon {
                border-radius: 50%;
                height: 2rem;