From b0b1f25428c7f4eba0aaabb124445c0c92e28aac Mon Sep 17 00:00:00 2001
From: Timo <timo@devplant.ro>
Date: Tue, 27 Apr 2021 17:23:41 +0300
Subject: [PATCH] text overflow

---
 .../project-overview-screen.component.html         | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html b/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html
index d1a3b7888..0a9fab83f 100644
--- a/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html
+++ b/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html
@@ -53,7 +53,7 @@
                 icon="red:assign"
             ></redaction-circle-button>
 
-            <redaction-file-download-btn [project]="activeProject" tooltipPosition="below" [file]="allEntities"> </redaction-file-download-btn>
+            <redaction-file-download-btn [project]="activeProject" tooltipPosition="below" [file]="allEntities"></redaction-file-download-btn>
 
             <redaction-circle-button
                 *ngIf="permissionsService.displayReanalyseBtn()"
@@ -174,19 +174,23 @@
                         <redaction-round-checkbox [active]="isEntitySelected(fileStatus)"></redaction-round-checkbox>
                     </div>
 
-                    <div [title]="'[' + fileStatus.status + '] ' + fileStatus.filename">
+                    <div>
                         <div class="filename-wrapper">
                             <div
                                 [class.disabled]="fileStatus.isPending || fileStatus.isProcessing"
                                 [class.error]="fileStatus.isError"
                                 class="table-item-title text-overflow"
                             >
-                                {{ fileStatus.filename }}
+                                <span matTooltipPosition="above" [matTooltip]="fileStatus.filename">
+                                    {{ fileStatus.filename }}
+                                </span>
                             </div>
                         </div>
                         <div class="small-label stats-subtitle" *ngIf="fileStatus.primaryAttribute">
-                            <div class="primary-attribute text-overflow" matTooltipPosition="above" [matTooltip]="fileStatus.ocrTime">
-                                {{ fileStatus.primaryAttribute }}
+                            <div class="primary-attribute text-overflow">
+                                <span matTooltipPosition="above" [matTooltip]="fileStatus.primaryAttribute">
+                                    {{ fileStatus.primaryAttribute }}
+                                </span>
                             </div>
                         </div>
                         <div class="small-label stats-subtitle">