From 2118eb94bfd52c631973dfbb06202b437783fff9 Mon Sep 17 00:00:00 2001
From: Benjamin Knapp <benjamin.knapp@checkmk.com>
Date: Tue, 7 Jan 2025 17:12:08 +0100
Subject: [PATCH] added 8px margin between stage buttons

CMK-20130

Change-Id: I4bccd3fd015b70127114620fbab369a1ba7ca80d
---
 .../components/quick-setup/QuickSetupSaveStage.vue            | 4 ++++
 .../components/quick-setup/QuickSetupStageContent.vue         | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/packages/cmk-frontend-vue/src/quick-setup/components/quick-setup/QuickSetupSaveStage.vue b/packages/cmk-frontend-vue/src/quick-setup/components/quick-setup/QuickSetupSaveStage.vue
index 47153805676..72fc966ca16 100644
--- a/packages/cmk-frontend-vue/src/quick-setup/components/quick-setup/QuickSetupSaveStage.vue
+++ b/packages/cmk-frontend-vue/src/quick-setup/components/quick-setup/QuickSetupSaveStage.vue
@@ -36,4 +36,8 @@ defineProps<QuickSetupSaveStageProps>()
 .qs-save-stage__content .qs-stage-content__action {
   padding-top: 0;
 }
+
+.qs-save-stage__content .qs-stage-content__action > button {
+  margin-right: 8px;
+}
 </style>
diff --git a/packages/cmk-frontend-vue/src/quick-setup/components/quick-setup/QuickSetupStageContent.vue b/packages/cmk-frontend-vue/src/quick-setup/components/quick-setup/QuickSetupStageContent.vue
index 8d71bd10706..2cbe88ae4d8 100644
--- a/packages/cmk-frontend-vue/src/quick-setup/components/quick-setup/QuickSetupStageContent.vue
+++ b/packages/cmk-frontend-vue/src/quick-setup/components/quick-setup/QuickSetupStageContent.vue
@@ -91,6 +91,10 @@ const invokeAction = (waitLabel: string, action: () => void) => {
   position: relative;
 }
 
+.qs-stage-content__action > button {
+  margin-right: 8px;
+}
+
 .qs-stage-content__loading {
   display: flex;
   align-items: center;