From 1c65bd8dbea2d9bc6359750cae74094ad6e29519 Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Tue, 14 May 2024 17:32:21 +0300
Subject: [PATCH] styling changes

---
 .../src/app/ui/dmp/overview/dmp-overview.component.html     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
index 27e91e7ba..4d8cfc31b 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
@@ -259,8 +259,10 @@
 												</p>
 												<p class="authors-role">{{ enumUtils.toDmpUserRoleString(dmpUser.role) }}</p>
 											</div>
-											<div *ngIf="canAssignDmpUsers(dmp) && dmp.status === dmpStatusEnum.Draft && dmpUser.role != dmpUserRoleEnum.Owner" class="col-12">
-												<button (click)="removeUserFromDmp(dmpUser)" class="remove-btn">{{ 'DMP-OVERVIEW.ACTIONS.REMOVE-AUTHOR' | translate}}</button>
+											<div *ngIf="canAssignDmpUsers(dmp) && dmp.status === dmpStatusEnum.Draft && dmpUser.role != dmpUserRoleEnum.Owner" class="col-auto">
+												<button (click)="removeUserFromDmp(dmpUser)" mat-mini-fab matTooltip="{{ 'DMP-OVERVIEW.ACTIONS.REMOVE-AUTHOR' | translate}}" matTooltipPosition="above">
+													<mat-icon class="mat-mini-fab-icon">delete</mat-icon>
+												</button>
 											</div>
 										</div>
 									</div>