From 89a7bd951371b618c34e38b749cbdcea58727b00 Mon Sep 17 00:00:00 2001
From: Ying Mao <ying.mao@elastic.co>
Date: Thu, 22 Oct 2020 08:35:21 -0400
Subject: [PATCH] Adding spacing

---
 .../webhook/webhook_connectors.tsx            | 44 +++++++++++--------
 1 file changed, 26 insertions(+), 18 deletions(-)

diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/webhook/webhook_connectors.tsx b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/webhook/webhook_connectors.tsx
index d5c57c9e6388ca..15d4c6c30450e7 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/webhook/webhook_connectors.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_action_types/webhook/webhook_connectors.tsx
@@ -417,27 +417,35 @@ const WebhookActionConnectorFields: React.FunctionComponent<ActionConnectorField
 function getEncryptedFieldNotifyLabel(isCreate: boolean) {
   if (isCreate) {
     return (
-      <EuiText size="s" data-test-subj="rememberValuesMessage">
-        <FormattedMessage
-          id="xpack.triggersActionsUI.components.builtinActionTypes.webhookAction.rememberValuesLabel"
-          defaultMessage="Remember these values. You must reenter them each time you edit the connector."
-        />
-      </EuiText>
+      <Fragment>
+        <EuiSpacer size="s" />
+        <EuiText size="s" data-test-subj="rememberValuesMessage">
+          <FormattedMessage
+            id="xpack.triggersActionsUI.components.builtinActionTypes.webhookAction.rememberValuesLabel"
+            defaultMessage="Remember these values. You must reenter them each time you edit the connector."
+          />
+        </EuiText>
+        <EuiSpacer size="s" />
+      </Fragment>
     );
   }
   return (
-    <EuiCallOut
-      size="s"
-      iconType="iInCircle"
-      data-test-subj="reenterValuesMessage"
-      title={i18n.translate(
-        'xpack.triggersActionsUI.components.builtinActionTypes.webhookAction.reenterValuesLabel',
-        {
-          defaultMessage:
-            'Username and password are encrypted. Please reenter values for these fields.',
-        }
-      )}
-    />
+    <Fragment>
+      <EuiSpacer size="m" />
+      <EuiCallOut
+        size="s"
+        iconType="iInCircle"
+        data-test-subj="reenterValuesMessage"
+        title={i18n.translate(
+          'xpack.triggersActionsUI.components.builtinActionTypes.webhookAction.reenterValuesLabel',
+          {
+            defaultMessage:
+              'Username and password are encrypted. Please reenter values for these fields.',
+          }
+        )}
+      />
+      <EuiSpacer size="m" />
+    </Fragment>
   );
 }