[8.x] [ML] Data frame analytics: Adds missing space between lines in …

…delete job modal (#204732) (#204967)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[ML] Data frame analytics: Adds missing space between lines in delete
job modal (#204732)](#204732)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Robert
Jaszczurek","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-12-19T15:35:37Z","message":"[ML]
Data frame analytics: Adds missing space between lines in delete job
modal (#204732)\n\nFix for:
[#204598](https://github.com/elastic/kibana/issues/204598)\n\nAfter:\n\n<img
width=\"995\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/4c5404af-aa0d-4860-beb9-0ada9312f125\"\n/>","sha":"b50bec8f2399e50a7647872897b327fe5139c052","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix",":ml","v9.0.0","Team:ML","backport:version","v8.18.0"],"title":"[ML]
Data frame analytics: Adds missing space between lines in delete job
modal","number":204732,"url":"https://github.com/elastic/kibana/pull/204732","mergeCommit":{"message":"[ML]
Data frame analytics: Adds missing space between lines in delete job
modal (#204732)\n\nFix for:
[#204598](https://github.com/elastic/kibana/issues/204598)\n\nAfter:\n\n<img
width=\"995\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/4c5404af-aa0d-4860-beb9-0ada9312f125\"\n/>","sha":"b50bec8f2399e50a7647872897b327fe5139c052"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/204732","number":204732,"mergeCommit":{"message":"[ML]
Data frame analytics: Adds missing space between lines in delete job
modal (#204732)\n\nFix for:
[#204598](https://github.com/elastic/kibana/issues/204598)\n\nAfter:\n\n<img
width=\"995\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/4c5404af-aa0d-4860-beb9-0ada9312f125\"\n/>","sha":"b50bec8f2399e50a7647872897b327fe5139c052"}},{"branch":"8.x","label":"v8.18.0","branchLabelMappingKey":"^v8.18.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Robert Jaszczurek <[email protected]>

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>