[DSC-1708] popover width adjustment

Author: alisaismailati

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>

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;
 }