From f82569f5eefff4f13d4c11524d36c6ef09fcbb04 Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Wed, 15 May 2024 13:56:18 +0300
Subject: [PATCH] styling changes

---
 .../components/form-field-set/form-field-set.component.html | 2 +-
 .../components/form-field-set/form-field-set.component.scss | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.html b/dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.html
index cba157a1d..bbecf76c8 100644
--- a/dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.html
+++ b/dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.html
@@ -45,7 +45,7 @@
 		<div *ngIf="fieldSet.hasMultiplicity && fieldSet?.multiplicity?.tableView" class="col-12">
 			<table class="table table-bordered" style="table-layout: fixed">
 				<tr>
-					<th *ngFor="let field of fieldSet.fields; let i = index;" class="text-wrap">{{field.data?.label}}</th>
+					<th *ngFor="let field of fieldSet.fields; let i = index;" class="text-truncated">{{field.data?.label}}</th>
 					<th class="actions"></th>
 				</tr>
 				<ng-container *ngFor="let fieldSetItemPropertiesControl of propertiesFormGroup?.get('items')?.controls; let j = index">
diff --git a/dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.scss b/dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.scss
index a03bd7f0b..084260302 100644
--- a/dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.scss
+++ b/dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.scss
@@ -14,4 +14,8 @@
 	margin-top: 1.625rem;
 	width: auto;
 	height: auto;
-}
\ No newline at end of file
+}
+.text-truncated {
+	overflow: hidden; 
+	text-overflow: ellipsis; 
+}