From c425da9a5fb65c9d62f932a528557044de84967a Mon Sep 17 00:00:00 2001
From: Sofia Papacharalampous <spapacharalampous@cite.gr>
Date: Tue, 19 Mar 2024 17:59:47 +0200
Subject: [PATCH] styling changes

*mine-notifications
---
 .../inapp-notification-editor.component.html      | 14 +++++++-------
 .../inapp-notification-editor.component.scss      | 15 +++++++++++++++
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.html b/dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.html
index 20af9eedf..263b94569 100644
--- a/dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.html
+++ b/dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.html
@@ -1,19 +1,19 @@
-<div *ngIf="inappNotification" class="row inapp-notification-editor">
+<div *ngIf="inappNotification" class="inapp-notification-editor">
 	<div class="col-md-10 offset-md-1 colums-gapped">
 	<div class="row align-items-center mb-4">
 	<div class="col-md-12">
-		<mat-card>
-			<mat-card-title>
+		<mat-card class="pt-3 pb-3">
+			<mat-card-title class="pl-2 pb-2">
 				<div [innerHTML]="inappNotification.subject"></div>
 			</mat-card-title>
-			<mat-card-content>
+			<mat-card-content class="mt-2">
 				<div [innerHTML]="inappNotification.body"></div>
 			</mat-card-content>
 		</mat-card>
-		<div *ngIf="!isFromDialog" class="row editor-actions">
+		<div class="row editor-actions">
 			<div class="col"></div>
-			<div class="col-auto" *ngIf="!this.isDeleted && !isNew"><button mat-raised-button color="primary" type="button" (click)="delete()">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.DELETE' | translate}}</button></div>
-			<div class="col-auto"><button mat-raised-button color="primary" (click)="cancel()" type="button">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.CANCEL' | translate}}</button></div>
+			<div class="col-auto" *ngIf="!this.isDeleted && !isNew"><button mat-raised-button type="button" (click)="delete()" class="normal-btn">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.DELETE' | translate}}</button></div>
+			<div class="col-auto"><button mat-raised-button (click)="cancel()" type="button" class="normal-btn">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.CANCEL' | translate}}</button></div>
 		</div>
 	</div>
 	</div>
diff --git a/dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.scss b/dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.scss
index c916223d1..8166d1f9f 100644
--- a/dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.scss
+++ b/dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.component.scss
@@ -5,3 +5,18 @@
 		margin-top: 30px;
 	}
 }
+
+.normal-btn {
+	min-width: 150px;
+	max-width: 256px;
+	height: 40px;
+	cursor: pointer;
+	background: var(--primary-color) 0% 0% no-repeat padding-box;
+	box-shadow: 0px 3px 6px #1E202029;
+	border-radius: 30px;
+	border: none;
+	color: #FFFFFF;
+	opacity: 1;
+	font-size: 0.87rem;
+	padding: 0.62rem 1.87rem;
+}