From b50bec8f2399e50a7647872897b327fe5139c052 Mon Sep 17 00:00:00 2001
From: Robert Jaszczurek <92210485+rbrtj@users.noreply.github.com>
Date: Thu, 19 Dec 2024 16:35:37 +0100
Subject: [PATCH] [ML] Data frame analytics: Adds missing space between lines
 in delete job modal (#204732)

Fix for: [#204598](https://github.com/elastic/kibana/issues/204598)

After:

<img width="995" alt="image"
src="https://github.com/user-attachments/assets/4c5404af-aa0d-4860-beb9-0ada9312f125"
/>
---
 .../action_delete/delete_action_modal.tsx     | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/action_delete/delete_action_modal.tsx b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/action_delete/delete_action_modal.tsx
index 4b17004865502..6b7569dcddd8d 100644
--- a/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/action_delete/delete_action_modal.tsx
+++ b/x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/action_delete/delete_action_modal.tsx
@@ -14,6 +14,7 @@ import {
   EuiFlexGroup,
   EuiFlexItem,
   EUI_MODAL_CONFIRM_BUTTON,
+  EuiSpacer,
 } from '@elastic/eui';
 
 import type { DeleteAction } from './use_delete_action';
@@ -79,16 +80,22 @@ export const DeleteActionModal: FC<DeleteAction> = ({
         </EuiFlexItem>
         <EuiFlexItem>
           {userCanDeleteIndex && dataViewExists && (
-            <EuiSwitch
-              data-test-subj="mlAnalyticsJobDeleteDataViewSwitch"
-              label={i18n.translate('xpack.ml.dataframe.analyticsList.deleteTargetDataViewTitle', {
-                defaultMessage: 'Delete data view {dataView}',
-                values: { dataView: indexName },
-              })}
-              checked={deleteDataView}
-              onChange={toggleDeleteDataView}
-              disabled={userCanDeleteDataView === false}
-            />
+            <>
+              <EuiSpacer size="s" />
+              <EuiSwitch
+                data-test-subj="mlAnalyticsJobDeleteDataViewSwitch"
+                label={i18n.translate(
+                  'xpack.ml.dataframe.analyticsList.deleteTargetDataViewTitle',
+                  {
+                    defaultMessage: 'Delete data view {dataView}',
+                    values: { dataView: indexName },
+                  }
+                )}
+                checked={deleteDataView}
+                onChange={toggleDeleteDataView}
+                disabled={userCanDeleteDataView === false}
+              />
+            </>
           )}
         </EuiFlexItem>
       </EuiFlexGroup>