Add spacer between form buttons and form body in Create Advanced Watc…

…h form. (elastic#46186)
XavierM · Sep 20, 2019 · 037a2a2 · 037a2a2
1 parent bae7f47
commit 037a2a2
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/...ns/watcher/public/sections/watch_edit/components/json_watch_edit/json_watch_edit_form.tsx b/...ns/watcher/public/sections/watch_edit/components/json_watch_edit/json_watch_edit_form.tsx
@@ -80,6 +80,7 @@ export const JsonWatchEditForm = () => {
             <EuiSpacer />
           </Fragment>
         )}
+
         <EuiFormRow
           id="watchName"
           label={i18n.translate('xpack.watcher.sections.watchEdit.json.form.watchNameLabel', {
@@ -102,6 +103,7 @@ export const JsonWatchEditForm = () => {
             }}
           />
         </EuiFormRow>
+
         <ErrableFormRow
           id="watchId"
           label={i18n.translate('xpack.watcher.sections.watchEdit.json.form.watchIDLabel', {
@@ -127,7 +129,9 @@ export const JsonWatchEditForm = () => {
             }}
           />
         </ErrableFormRow>
+
         <EuiSpacer size="s" />
+
         <ErrableFormRow
           id="watchJson"
           label={
@@ -169,6 +173,9 @@ export const JsonWatchEditForm = () => {
             }}
           />
         </ErrableFormRow>
+
+        <EuiSpacer />
+
         <EuiFlexGroup>
           <EuiFlexItem grow={false}>
             <EuiButton
@@ -208,6 +215,7 @@ export const JsonWatchEditForm = () => {
               )}
             </EuiButton>
           </EuiFlexItem>
+
           <EuiFlexItem grow={false}>
             <EuiButtonEmpty data-test-subj="btnCancelWatch" onClick={() => goToWatchList()}>
               {i18n.translate('xpack.watcher.sections.watchEdit.json.cancelButtonLabel', {