From 340692a3b59e61382f313c70a7b03ead5d11d709 Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Tue, 2 Apr 2024 14:43:49 +0300
Subject: [PATCH] styling changes

*more changes on description overview
---
 .../overview/description-overview.component.html   | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/dmp-frontend/src/app/ui/description/overview/description-overview.component.html b/dmp-frontend/src/app/ui/description/overview/description-overview.component.html
index 5265c37b8..4cdac134a 100644
--- a/dmp-frontend/src/app/ui/description/overview/description-overview.component.html
+++ b/dmp-frontend/src/app/ui/description/overview/description-overview.component.html
@@ -37,17 +37,17 @@
 						</div>
 					</div>
 					<div class="row mb-4 pb-3">
-            <div *ngIf="canEdit && isDraftDescription(description) && !isLocked" class="col-auto">
+            <div *ngIf="canEdit && isDraftDescription(description) && !isLocked" class="col-auto pr-0">
             	<button (click)="editClicked(description)" mat-mini-fab class="mr-3 actions-btn" matTooltip="{{'DESCRIPTION-OVERVIEW.ACTIONS.EDIT' | translate}}" matTooltipPosition="above">
 							<mat-icon class="mat-mini-fab-icon">create</mat-icon>
 						  </button>
             </div>
-						<div *ngIf="canEdit" class="col-auto">
+						<div *ngIf="canEdit" class="col-auto pr-0">
 							<button (click)="openCopyToDmpDialog()" mat-mini-fab class="mr-3 actions-btn" matTooltip="{{'DESCRIPTION-OVERVIEW.ACTIONS.CLONE' | translate}}" matTooltipPosition="above">
 								<mat-icon class="mat-mini-fab-icon">content_copy</mat-icon>
 							</button>
 						</div>
-						<div *ngIf="canDelete && !isLocked" class="col-auto">
+						<div *ngIf="canDelete && !isLocked" class="col-auto pr-0">
 							<button (click)="deleteClicked()" mat-mini-fab class="mr-3 actions-btn" matTooltip="{{'DESCRIPTION-OVERVIEW.ACTIONS.DELETE' | translate}}" matTooltipPosition="above">
 								<mat-icon class="mat-mini-fab-icon">delete</mat-icon>
 							</button>
@@ -117,18 +117,18 @@
 					<ng-container *ngIf="isAuthenticated()">
 						<div class="row frame mb-3 pt-4 pl-3 pr-5 pb-3">
 							<ng-container *ngIf="canFinalize && isDraftDescription(description) && !isLocked">
-								<div class="col-12 ml-0 mr-0 pl-4 d-flex align-items-center" (click)="finalize(description)">
+								<div class="col-12 d-flex align-items-center" (click)="finalize(description)">
 									<button mat-mini-fab class="finalize-btn">
 											<mat-icon class="mat-mini-fab-icon check-icon">check</mat-icon>
 									</button>
 									<p class="mb-0 pl-2 frame-txt">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.FINALIZE' | translate }}</p>
 								</div>
-								<div class="row ml-0 mr-0 pl-4 d-flex align-items-center">
+								<div class="col-12 d-flex align-items-center">
 									<hr class="hr-line">
 								</div>
 							</ng-container>
 							<ng-container *ngIf="hasReversableStatus(description)">
-								<div class="col-12 ml-0 mr-0 pl-4 pb-3 d-flex align-items-center" (click)="reverseFinalization(description)">
+								<div class="col-12 mb-3 d-flex align-items-center" (click)="reverseFinalization(description)">
 									<button mat-mini-fab class="frame-btn">
 										<mat-icon class="mat-mini-fab-icon">unarchive</mat-icon>
 									</button>
@@ -155,7 +155,7 @@
 						<div class="col-12">
 							<p class="header">{{ 'DESCRIPTION-OVERVIEW.DESCRIPTION-AUTHORS' | translate }}</p>
 						</div>
-						<div class="col-12 d-flex align-items-center">
+						<div class="col-12">
 							<div *ngFor="let dmpUser of description.dmp?.dmpUsers" class="row authors">
 								<div class="col-12 d-flex flex-row">
 									<button class="account_btn mr-3 pl-0">