From b423caf6c3ca6d0d1d21273acac772672563ba28 Mon Sep 17 00:00:00 2001
From: MickGe <87438-MickGe@users.noreply.framagit.org>
Date: Tue, 16 May 2023 19:45:28 +0000
Subject: [PATCH] Fix ellipsis for identity in NaBar

---
 js/src/components/NavBar.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/js/src/components/NavBar.vue b/js/src/components/NavBar.vue
index 470245520..d5b77683b 100644
--- a/js/src/components/NavBar.vue
+++ b/js/src/components/NavBar.vue
@@ -75,7 +75,7 @@
                 })
               "
             >
-              <div class="flex gap-1 items-center">
+              <div class="flex gap-1 items-center w-full">
                 <div class="flex-none">
                   <figure class="h-8 w-8" v-if="identity.avatar">
                     <img
@@ -91,10 +91,10 @@
                 </div>
 
                 <div
-                  class="text-base text-zinc-700 dark:text-zinc-100 flex flex-col flex-auto overflow-hidden items-start"
+                  class="text-base text-zinc-700 dark:text-zinc-100 flex flex-col flex-auto overflow-hidden items-start w-full"
                 >
-                  <p class="truncate">{{ displayName(identity) }}</p>
-                  <p class="truncate text-sm" v-if="identity.name">
+                  <p class="truncate w-full">{{ displayName(identity) }}</p>
+                  <p class="truncate text-sm w-full" v-if="identity.name">
                     @{{ identity.preferredUsername }}
                   </p>
                 </div>