From 4f6c339b37697441b0764f2d4b8a6a7eb0cd0473 Mon Sep 17 00:00:00 2001
From: gpapavgeri <gpapavgeri@cite.gr>
Date: Thu, 9 Jul 2020 13:59:11 +0300
Subject: [PATCH] dataset label in dmp overview (text-oveflow & tooltip) fixed

---
 .../src/app/ui/dmp/overview/dmp-overview.component.html   | 8 ++++----
 .../src/app/ui/dmp/overview/dmp-overview.component.scss   | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
index 92357e3fa..18d61496d 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
@@ -78,11 +78,11 @@
 						<p class="desc-txt">{{ dmp.description }}</p>
 					</div>
 					<div class="row header">{{'DMP-OVERVIEW.DATASETS-USED' | translate}}</div>
-					<div class="row d-flex flex-column">
+					<div class="d-flex flex-column">
 						<div *ngFor="let dataset of dmp.datasets; let i=index">
-							<div *ngIf="i < 3" (click)="datasetClicked(dataset.id)">
+							<div class="row" *ngIf="i < 3" (click)="datasetClicked(dataset.id)">
 								<button mat-raised-button class="mb-2 mr-2 pl-0 pr-0">
-									<div matTooltip="{{ dataset.datasetTemplate.label }}" class="dataset-btn">
+									<div matTooltip="{{ dataset.label }} : {{ dataset.datasetTemplate.label }}" class="col-auto dataset-btn">
 										<div class="dataset-btn-label">{{ dataset.label }}:
 											{{ dataset.datasetTemplate.label }}</div>
 										<mat-icon>launch</mat-icon>
@@ -90,7 +90,7 @@
 								</button>
 							</div>
 						</div>
-						<div *ngIf="dmp.datasets.length > 3" class="show-more-btn">
+						<div class="row" *ngIf="dmp.datasets.length > 3" class="show-more-btn">
 							<button mat-button (click)="datasetsClicked(dmp.id)">
 								<mat-icon class="mr-2">expand_more</mat-icon>
 								{{ 'GENERAL.ACTIONS.SHOW-MORE' | translate }}
diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
index 97e0fc96d..73aba2582 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
@@ -179,6 +179,7 @@
 .dataset-btn-label {
   margin-right: 1em;
   overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .doi-label {