From 733dad05cd193d99a4e0c2b7ed184d9fe57233ef Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Tue, 16 Apr 2024 13:43:48 +0300
Subject: [PATCH] description-overview ui fix

---
 .../description-overview.component.html       | 48 ++++++++++++-------
 1 file changed, 31 insertions(+), 17 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 4c98718df..09c4e20d1 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
@@ -117,32 +117,46 @@
 					<ng-container *ngIf="isAuthenticated()">
 						<div class="row">
 							<div class="col-12">
-								<div class="frame mb-3 pt-4 pl-3 pr-5 pb-3">
+								<div class="frame mb-3 pt-4 pl-4 pr-5 pb-3">
 									<ng-container *ngIf="canFinalize && isDraftDescription(description) && !isLocked">
-										<div class="col-12 d-flex align-items-center" (click)="finalize(description)">
-											<button mat-mini-fab class="finalize-btn">
+										<div class="row align-items-center" (click)="finalize(description)">
+											<div class="col-auto pr-0">
+												<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>
+												</button>
+											</div>
+											<div class="col-auto pl-0">
+												<p class="mb-0 pl-2 frame-txt">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.FINALIZE' | translate }}</p>
+											</div>
 										</div>
-										<div class="col-12 d-flex align-items-center">
-											<hr class="hr-line">
+										<div class="row align-items-center">
+											<div class="col-12">
+												<hr class="hr-line">
+											</div>
 										</div>
 									</ng-container>
 									<ng-container *ngIf="hasReversableStatus(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>
-											<p class="mb-0 mr-0 pl-2 frame-txt">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.REVERSE' | translate }}</p>
+										<div class="row mb-3 align-items-center" (click)="reverseFinalization(description)">
+											<div class="col-auto pr-0">
+												<button mat-mini-fab class="frame-btn">
+													<mat-icon class="mat-mini-fab-icon">unarchive</mat-icon>
+												</button>
+											</div>
+											<div class="col-auto pl-0">
+												<p class="mb-0 mr-0 pl-2 frame-txt">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.REVERSE' | translate }}</p>
+											</div>
 										</div>
 									</ng-container>
 									<ng-container *ngIf="fileTransformerService.availableFormats.length > 0">
-										<div class="col-12 d-flex align-items-center">
-											<button mat-mini-fab class="frame-btn" [matMenuTriggerFor]="exportMenu">
-												<mat-icon class="mat-mini-fab-icon">open_in_new</mat-icon>
-											</button>
-											<p class="mb-0 mr-0 pl-2 frame-txt" [matMenuTriggerFor]="exportMenu">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.EXPORT' | translate }}</p>
+										<div class="row mb-3 align-items-center">
+											<div class="col-auto pr-0">
+												<button mat-mini-fab class="frame-btn" [matMenuTriggerFor]="exportMenu">
+													<mat-icon class="mat-mini-fab-icon">open_in_new</mat-icon>
+												</button>
+											</div>
+											<div class="col-auto pl-0">
+												<p class="mb-0 mr-0 pl-2 frame-txt" [matMenuTriggerFor]="exportMenu">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.EXPORT' | translate }}</p>
+											</div>
 										</div>
 									</ng-container>
 									<mat-menu #exportMenu="matMenu" xPosition="before">