From 076634cca198ae31533d8fb4a919722f53efcf24 Mon Sep 17 00:00:00 2001
From: Corey Robertson <corey.robertson@elastic.co>
Date: Fri, 16 Jul 2021 12:38:50 -0400
Subject: [PATCH] [Canvas] Fixes messed up form layout on custom interval form
 (#101967)

* Fixes messed up form layout on custom interval form

* update storyshots

* Fix snapshot

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../workpad_header/view_menu/custom_interval.tsx           | 7 +------
 .../footer/settings/__snapshots__/settings.test.tsx.snap   | 1 +
 .../__snapshots__/autoplay_settings.stories.storyshot      | 6 +++---
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/x-pack/plugins/canvas/public/components/workpad_header/view_menu/custom_interval.tsx b/x-pack/plugins/canvas/public/components/workpad_header/view_menu/custom_interval.tsx
index 284749340e440..a35b83bad3e7e 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/view_menu/custom_interval.tsx
+++ b/x-pack/plugins/canvas/public/components/workpad_header/view_menu/custom_interval.tsx
@@ -75,12 +75,7 @@ export const CustomInterval = ({ gutterSize, buttonSize, onSubmit, defaultValue
 
         <EuiFlexItem grow={false}>
           <EuiFormRow hasEmptyLabelSpace={true} display="rowCompressed">
-            <EuiButton
-              disabled={isInvalid}
-              size={buttonSize}
-              type="submit"
-              style={{ minWidth: 'auto' }}
-            >
+            <EuiButton disabled={isInvalid} size={buttonSize} type="submit" minWidth="auto">
               {strings.getButtonLabel()}
             </EuiButton>
           </EuiFormRow>
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap
index 075c0cd386759..988aba48d976f 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap
+++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap
@@ -324,6 +324,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
                             <button
                               class="euiButton euiButton--primary euiButton--small"
                               id="generated-id"
+                              style="min-width: auto;"
                               type="submit"
                             >
                               <span
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/autoplay_settings.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/autoplay_settings.stories.storyshot
index b32ae3fc2f49f..ecb59abc41ecc 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/autoplay_settings.stories.storyshot
+++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/autoplay_settings.stories.storyshot
@@ -139,7 +139,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: off,
                 onFocus={[Function]}
                 style={
                   Object {
-                    "minWidth": undefined,
+                    "minWidth": "auto",
                   }
                 }
                 type="submit"
@@ -302,7 +302,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5
                 onFocus={[Function]}
                 style={
                   Object {
-                    "minWidth": undefined,
+                    "minWidth": "auto",
                   }
                 }
                 type="submit"
@@ -465,7 +465,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] =
                 onFocus={[Function]}
                 style={
                   Object {
-                    "minWidth": undefined,
+                    "minWidth": "auto",
                   }
                 }
                 type="submit"