From 3e0179b90576d6388d4153bdf1c1ec25b05b5f86 Mon Sep 17 00:00:00 2001
From: Oleh Paduchak <opaduchak@exoft.net>
Date: Tue, 30 Sep 2025 17:27:18 +0300
Subject: [PATCH] fix(user-profile): fixed ellipsis not showing on xl profile

---
 .../profile-information.component.html                    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/features/profile/components/profile-information/profile-information.component.html b/src/app/features/profile/components/profile-information/profile-information.component.html
index 065eb33e7..27c9d715e 100644
--- a/src/app/features/profile/components/profile-information/profile-information.component.html
+++ b/src/app/features/profile/components/profile-information/profile-information.component.html
@@ -21,8 +21,8 @@ <h1>{{ currentUser()?.fullName }}</h1>
       </p>
     </div>
 
-    <div class="flex flex-column gap-4 xl:align-items-end">
-      <div class="flex flex-column gap-3 md:flex-row xl:gap-4">
+    <div class="flex flex-column gap-4 xl:align-items-end xl:flex-1 min-w-0">
+      <div class="flex flex-column gap-3 md:flex-row xl:gap-4 w-full">
         @if (currentUser()?.social?.orcid) {
           <div class="flex flex-row align-items-center gap-2">
             <img ngSrc="assets/icons/colored/orcid.svg" width="16" height="16" alt="orcid" />
@@ -39,9 +39,9 @@ <h1>{{ currentUser()?.fullName }}</h1>
       </div>
 
       @if (isEmploymentAndEducationVisible()) {
-        <div class="flex flex-column gap-3 md:flex-row xl:gap-4 white-space-nowrap">
+        <div class="flex flex-column gap-3 md:flex-row xl:gap-4 w-full">
           @if (currentUser()?.education?.length) {
-            <div class="flex flex-row align-items-center gap-2 overflow-hidden">
+            <div class="flex flex-row align-items-center gap-2 flex-1 min-w-0">
               <i class="fas fa-landmark"></i>
               <h3 class="font-bold text-overflow-ellipsis overflow-hidden white-space-nowrap">
                 {{ currentUser()?.education?.[0]?.institution }}