From 45979922d51463f13da987cc0cee3efa8029e759 Mon Sep 17 00:00:00 2001
From: apapachristou <apapachristou@cite.gr>
Date: Fri, 30 Oct 2020 14:15:49 +0200
Subject: [PATCH] Fixes style on title of dataset temlate preview and adds
 margin on expansion panels

---
 .../dataset-wizard/dataset-editor/dataset-editor.component.ts | 2 +-
 .../dmp/dataset-preview/dataset-preview-dialog.component.html | 2 +-
 .../dmp/dataset-preview/dataset-preview-dialog.component.scss | 4 ++++
 .../components/form-section/form-section.component.scss       | 2 ++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-editor/dataset-editor.component.ts b/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-editor/dataset-editor.component.ts
index e9b8d18e5..76160acb4 100644
--- a/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-editor/dataset-editor.component.ts
+++ b/dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-editor/dataset-editor.component.ts
@@ -20,7 +20,7 @@ export class DatasetEditorComponent extends BaseComponent {
 	@Input() availableProfiles: DatasetProfileModel[];
 	@Input() dmpId: string;
 	showUri: boolean = false;
-	dmpText: string;
+	dmpText: string = null;
 	viewOnly = false;
 
 	constructor(
diff --git a/dmp-frontend/src/app/ui/dmp/dataset-preview/dataset-preview-dialog.component.html b/dmp-frontend/src/app/ui/dmp/dataset-preview/dataset-preview-dialog.component.html
index cfd88df74..4408ca279 100644
--- a/dmp-frontend/src/app/ui/dmp/dataset-preview/dataset-preview-dialog.component.html
+++ b/dmp-frontend/src/app/ui/dmp/dataset-preview/dataset-preview-dialog.component.html
@@ -1,6 +1,6 @@
 <div class="template-container">
 	<div mat-dialog-title class="row d-flex m-0 header">
-		<span class="template-title align-self-center">{{'DMP-LISTING.COLUMNS.PROFILE' | translate}} - {{data.template.label}}</span>
+		<span class="template-title align-self-center" matTooltip="{{data.template.label}}">{{'DMP-LISTING.COLUMNS.PROFILE' | translate}} - {{data.template.label}}</span>
 		<span class="ml-auto align-self-center" (click)="closeDialog()"><mat-icon class="close-icon">close</mat-icon></span>
 	</div>
 	<div *ngIf="progressIndication" class="progress-bar">
diff --git a/dmp-frontend/src/app/ui/dmp/dataset-preview/dataset-preview-dialog.component.scss b/dmp-frontend/src/app/ui/dmp/dataset-preview/dataset-preview-dialog.component.scss
index d0cc40e03..439b988ed 100644
--- a/dmp-frontend/src/app/ui/dmp/dataset-preview/dataset-preview-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/dataset-preview/dataset-preview-dialog.component.scss
@@ -10,6 +10,10 @@
 
 	.template-title {
 		margin-left: 37px;
+		white-space: nowrap;
+		width: 480px;
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
 
 	.close-icon {
diff --git a/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-section/form-section.component.scss b/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-section/form-section.component.scss
index dc8e75447..e4523fbf3 100644
--- a/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-section/form-section.component.scss
+++ b/dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-section/form-section.component.scss
@@ -2,6 +2,8 @@
 	.expansion-panel {
 		// background-color: #eeeeee54;
 		background-color: white;
+		margin-top: 1em;
+		margin-bottom: 1em;
 		// margin-bottom: 1em;
 	}
 	.addOneFieldButton {