From 40eae14cd89f7278e8ada78cb60442fde1dea28c Mon Sep 17 00:00:00 2001
From: NFriedo <69233063+NFriedo@users.noreply.github.com>
Date: Fri, 13 Dec 2024 10:11:51 +0100
Subject: [PATCH] add styling for remove dialog

---
 .../ConfirmationDialog.vue                    | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/modules/ui/confirmation-dialog/ConfirmationDialog.vue b/src/modules/ui/confirmation-dialog/ConfirmationDialog.vue
index c2d9916896..5bdc340c52 100644
--- a/src/modules/ui/confirmation-dialog/ConfirmationDialog.vue
+++ b/src/modules/ui/confirmation-dialog/ConfirmationDialog.vue
@@ -1,5 +1,4 @@
 <template>
-	<!-- ToDo: Styling -->
 	<VDialog
 		v-model="isDialogOpen"
 		data-testid="delete-dialog-item"
@@ -8,28 +7,29 @@
 		<UseFocusTrap>
 			<VCard>
 				<template #title>
-					<h2 class="text-h4 dialog-title">
+					<h2 class="text-h4 my-2 px-2 dialog-title">
 						{{ message }}
 					</h2>
 				</template>
 
 				<template #actions>
 					<VSpacer />
-					<!-- <div class="action-buttons"> -->
-					<VBtn
-						data-testid="dialog-cancel"
-						variant="text"
-						:text="t('common.actions.cancel')"
-						@click="cancel"
-					/>
-					<VBtn
-						data-testid="dialog-confirm"
-						color="primary"
-						variant="flat"
-						:text="t(confirmBtnLangKey)"
-						@click="confirm"
-					/>
-					<!-- </div> -->
+					<div class="action-buttons px-6">
+						<VBtn
+							data-testid="dialog-cancel"
+							variant="text"
+							:text="t('common.actions.cancel')"
+							@click="cancel"
+						/>
+						<VBtn
+							data-testid="dialog-confirm"
+							class="px-6"
+							color="primary"
+							variant="flat"
+							:text="t(confirmBtnLangKey)"
+							@click="confirm"
+						/>
+					</div>
 				</template>
 			</VCard>
 		</UseFocusTrap>
@@ -59,6 +59,7 @@ const confirmBtnLangKey = computed(() =>
 
 <style scoped>
 .action-buttons {
+	display: flex;
 	margin-bottom: calc(var(--space-base-vuetify) * 2);
 	gap: calc(var(--space-base-vuetify) * 2);
 }
@@ -67,5 +68,6 @@ const confirmBtnLangKey = computed(() =>
 	white-space: normal;
 	hyphens: none;
 	word-break: break-word;
+	line-height: var(--line-height-lg);
 }
 </style>