From f3e335afd175dd51178a1e7ab31085a0d7926676 Mon Sep 17 00:00:00 2001
From: Alisa Ismailati <alisa.ismailati@4science.com>
Date: Fri, 5 Jul 2024 11:01:08 +0200
Subject: [PATCH] [DSC-1708] popover width adjustment

---
 .../metadata-link-view-popover.component.html                   | 2 +-
 .../shared/metadata-link-view/metadata-link-view.component.scss | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/shared/metadata-link-view/metadata-link-view-popover/metadata-link-view-popover.component.html b/src/app/shared/metadata-link-view/metadata-link-view-popover/metadata-link-view-popover.component.html
index e53886331fe..4a10c22b737 100644
--- a/src/app/shared/metadata-link-view/metadata-link-view-popover/metadata-link-view-popover.component.html
+++ b/src/app/shared/metadata-link-view/metadata-link-view-popover/metadata-link-view-popover.component.html
@@ -43,7 +43,7 @@
         <div class="d-flex" *ngIf="!isLink(item.firstMetadataValue(metadata)) && !longTextMetadataList.includes(metadata)">
           <ds-metadata-link-view-orcid [itemValue]="item" *ngIf="metadata === 'person.identifier.orcid'; else textType"></ds-metadata-link-view-orcid>
           <ng-template #textType>
-            <span>{{ item.firstMetadataValue(metadata) }}</span>
+            <span class="ellipsis-y-1">{{ item.firstMetadataValue(metadata) }}</span>
           </ng-template>
         </div>
       </div>
diff --git a/src/app/shared/metadata-link-view/metadata-link-view.component.scss b/src/app/shared/metadata-link-view/metadata-link-view.component.scss
index e9051149d7f..f34f101c7e0 100644
--- a/src/app/shared/metadata-link-view/metadata-link-view.component.scss
+++ b/src/app/shared/metadata-link-view/metadata-link-view.component.scss
@@ -6,5 +6,6 @@
 
 ::ng-deep .popover {
   max-width: 400px !important;
+  width: 100%;
   min-width: 300px !important;
 }