From 8e473d1a9f292ce536115999ed313103e45ba9e5 Mon Sep 17 00:00:00 2001
From: George Kalampokis <gkalampokis@cite.gr>
Date: Wed, 5 Aug 2020 11:20:02 +0300
Subject: [PATCH] On the Dataset Template Editor, distance the delete button in
 the sections from the expand/collapse button

---
 .../section/dataset-profile-editor-section.component.html     | 2 +-
 .../section/dataset-profile-editor-section.component.scss     | 4 ++--
 .../editor/dataset-profile-editor.component.html              | 2 +-
 .../editor/dataset-profile-editor.component.scss              | 4 ++++
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.html b/dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.html
index f34dc1eee..c1f35e67a 100644
--- a/dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.html
+++ b/dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.html
@@ -54,7 +54,7 @@
 		<mat-expansion-panel *ngFor="let section of dataModel.sections; let i=index;" #panel>
 			<mat-expansion-panel-header>
 				<mat-panel-title>{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</mat-panel-title>
-				<div class="row">
+				<div class="row deleteBtn">
 					<!-- <span class="col">{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}</span> -->
 					<button mat-icon-button type="button" class="deleteBtn col-auto" (click)="DeleteSectionInSection(i);" [disabled]="viewOnly">
 						<mat-icon>delete</mat-icon>
diff --git a/dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.scss b/dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.scss
index 254cb1289..02d304fc1 100644
--- a/dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.scss
+++ b/dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section/dataset-profile-editor-section.component.scss
@@ -4,5 +4,5 @@
 	}
 }
 .deleteBtn{
-	margin-right:0.7em;
-}
\ No newline at end of file
+	margin-right:2em;
+}
diff --git a/dmp-frontend/src/app/ui/admin/dataset-profile/editor/dataset-profile-editor.component.html b/dmp-frontend/src/app/ui/admin/dataset-profile/editor/dataset-profile-editor.component.html
index 545667566..ecae5993f 100644
--- a/dmp-frontend/src/app/ui/admin/dataset-profile/editor/dataset-profile-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/dataset-profile/editor/dataset-profile-editor.component.html
@@ -55,7 +55,7 @@
 							<mat-expansion-panel-header>
 								<mat-panel-title>{{i + 1}}. {{form.get('sections').get(''+i).get('title').value}}
 								</mat-panel-title>
-								<button mat-icon-button type="button" (click)="DeleteSection(i);" [disabled]="viewOnly">
+								<button mat-icon-button type="button" class="deleteBtn" (click)="DeleteSection(i);" [disabled]="viewOnly">
 									<mat-icon>delete</mat-icon>
 								</button>
 							</mat-expansion-panel-header>
diff --git a/dmp-frontend/src/app/ui/admin/dataset-profile/editor/dataset-profile-editor.component.scss b/dmp-frontend/src/app/ui/admin/dataset-profile/editor/dataset-profile-editor.component.scss
index 55e9eae24..cdba2f1cc 100644
--- a/dmp-frontend/src/app/ui/admin/dataset-profile/editor/dataset-profile-editor.component.scss
+++ b/dmp-frontend/src/app/ui/admin/dataset-profile/editor/dataset-profile-editor.component.scss
@@ -3,3 +3,7 @@
 		width: 100%;
 	}
 }
+
+.deleteBtn{
+	margin-right:2em;
+}