From 1804792de53fc5b922a7f66bab60b3b79dc4d425 Mon Sep 17 00:00:00 2001
From: davidcanonieto <david.cano@alfresco.com>
Date: Mon, 4 Feb 2019 19:14:22 +0000
Subject: [PATCH] [ADF-3999] Regression - Fix metadata layout (#4262)

---
 .../card-view-textitem/card-view-textitem.component.html    | 6 +++---
 .../card-view-textitem/card-view-textitem.component.scss    | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/lib/core/card-view/components/card-view-textitem/card-view-textitem.component.html b/lib/core/card-view/components/card-view-textitem/card-view-textitem.component.html
index 712b242f8d..60a59d850b 100644
--- a/lib/core/card-view/components/card-view-textitem/card-view-textitem.component.html
+++ b/lib/core/card-view/components/card-view-textitem/card-view-textitem.component.html
@@ -1,8 +1,8 @@
 <div [attr.data-automation-id]="'card-textitem-label-' + property.key" class="adf-property-label" *ngIf="showProperty() || isEditable()">{{ property.label | translate }}</div>
-<div class="adf-property-value adf-textitem-ellipsis">
+<div class="adf-property-value">
     <span *ngIf="!isEditable()">
         <span *ngIf="!isClickable(); else elseBlock" [attr.data-automation-id]="'card-textitem-value-' + property.key">
-            <span *ngIf="showProperty()">{{ property.displayValue }}</span>
+            <span *ngIf="showProperty()" class="adf-textitem-ellipsis">{{ property.displayValue }}</span>
         </span>
         <ng-template #elseBlock>
         <div class="adf-textitem-clickable" (click)="clicked()" fxLayout="row" fxLayoutAlign="space-between center">
@@ -15,7 +15,7 @@
     </span>
     <span *ngIf="isEditable()">
         <div *ngIf="!inEdit" (click)="setEditMode(true)" class="adf-textitem-readonly" [attr.data-automation-id]="'card-textitem-edit-toggle-' + property.key" fxLayout="row" fxLayoutAlign="space-between center">
-            <span [attr.data-automation-id]="'card-textitem-value-' + property.key" class="adf-textitem-ellipsis">
+            <span [attr.data-automation-id]="'card-textitem-value-' + property.key">
                 <span *ngIf="showProperty(); else elseEmptyValueBlock">{{ property.displayValue }}</span>
             </span>
             <mat-icon fxFlex="0 0 auto"
diff --git a/lib/core/card-view/components/card-view-textitem/card-view-textitem.component.scss b/lib/core/card-view/components/card-view-textitem/card-view-textitem.component.scss
index f140074f44..b078f15651 100644
--- a/lib/core/card-view/components/card-view-textitem/card-view-textitem.component.scss
+++ b/lib/core/card-view/components/card-view-textitem/card-view-textitem.component.scss
@@ -122,6 +122,8 @@
         &-textitem-ellipsis {
             overflow: hidden;
             text-overflow: ellipsis;
+            white-space: nowrap;
+            display: block;
         }
     }
 }