[ML] Fix switches positioning on the Transform and DFA wizards (#96535)

* [ML] fix edit runtime mapping switch positioning * [ML] fix transform wizard switches
elastic · Apr 8, 2021 · d9ef5c2 · d9ef5c2
1 parent 7984745
commit d9ef5c2
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/...frame_analytics/pages/analytics_creation/components/runtime_mappings/runtime_mappings.tsx b/...frame_analytics/pages/analytics_creation/components/runtime_mappings/runtime_mappings.tsx
@@ -131,7 +131,7 @@ export const RuntimeMappings: FC<Props> = ({ actions, state }) => {
           defaultMessage: 'Runtime mappings',
         })}
       >
-        <EuiFlexGroup alignItems="center" justifyContent="spaceBetween">
+        <EuiFlexGroup alignItems="baseline" justifyContent="spaceBetween">
           <EuiFlexItem grow={true}>
             {isPopulatedObject(runtimeMappings) ? (
               <EuiText size="s" grow={false}>

diff --git a/...form/components/advanced_runtime_mappings_settings/advanced_runtime_mappings_settings.tsx b/...form/components/advanced_runtime_mappings_settings/advanced_runtime_mappings_settings.tsx
@@ -91,7 +91,7 @@ export const AdvancedRuntimeMappingsSettings: FC<StepDefineFormHook> = (props) =
           defaultMessage: 'Runtime mappings',
         })}
       >
-        <EuiFlexGroup alignItems="center" justifyContent="spaceBetween">
+        <EuiFlexGroup alignItems="baseline" justifyContent="spaceBetween">
           <EuiFlexItem grow={true}>
             {runtimeMappings !== undefined && Object.keys(runtimeMappings).length > 0 ? (
               <FormattedMessage

diff --git a/...ransform/public/app/sections/create_transform/components/step_define/step_define_form.tsx b/...ransform/public/app/sections/create_transform/components/step_define/step_define_form.tsx
@@ -227,7 +227,7 @@ export const StepDefineForm: FC<StepDefineFormProps> = React.memo((props) => {
           }
         >
           <>
-            <EuiFlexGroup alignItems="center" justifyContent="spaceBetween">
+            <EuiFlexGroup alignItems="flexStart" justifyContent="spaceBetween">
               <EuiFlexItem>
                 {/* Flex Column #1: Search Bar / Advanced Search Editor */}
                 {searchItems.savedSearch === undefined && (