From 37b1b445676bc90f796d8541bf3d1baf1c062b4b Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Thu, 28 Mar 2024 17:12:55 +0100
Subject: [PATCH] Fix button spacing in confirm modal

Resolves MS-886 #complete
---
 client/src/components/modals/Confirm.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/components/modals/Confirm.vue b/client/src/components/modals/Confirm.vue
index f4713cd1..b2f0985f 100644
--- a/client/src/components/modals/Confirm.vue
+++ b/client/src/components/modals/Confirm.vue
@@ -9,7 +9,7 @@
     </template>
     <p class="confirm-dialog__content">{{ message }}</p>
     <template #footer>
-      <div>
+      <div class="confirm-dialog__buttons">
         <a
           class="button button--primary"
           data-cy="modal-save-button"
@@ -54,5 +54,10 @@ defineEmits(['confirm', 'cancel']);
     flex-direction: column;
     padding: $medium-spacing 0;
   }
+
+  &__buttons {
+    display: flex;
+    gap: $small-spacing;
+  }
 }
 </style>