[App Search, Crawler] Fix validation step panel padding/whitespace (#…

…115542) * Remove padding override * Move spacer to before action
elastic · Oct 19, 2021 · d78fa6c · d78fa6c
1 parent 20b11c9
commit d78fa6c
Showing 1 changed file with 2 additions and 7 deletions.
diff --git a/...pplications/app_search/components/crawler/components/add_domain/validation_step_panel.tsx b/...pplications/app_search/components/crawler/components/add_domain/validation_step_panel.tsx
@@ -33,14 +33,9 @@ export const ValidationStepPanel: React.FC<ValidationStepPanelProps> = ({
   action,
 }) => {
   const showErrorMessage = step.state === 'invalid' || step.state === 'warning';
-  const styleOverride = showErrorMessage ? { paddingBottom: 0 } : {};
 
   return (
-    <EuiPanel
-      hasShadow={false}
-      color={domainValidationStateToPanelColor(step.state)}
-      style={styleOverride}
-    >
+    <EuiPanel hasShadow={false} color={domainValidationStateToPanelColor(step.state)}>
       <EuiFlexGroup gutterSize="s" alignItems="center">
         <EuiFlexItem grow={false}>
           <ValidationStateIcon state={step.state} />
@@ -59,8 +54,8 @@ export const ValidationStepPanel: React.FC<ValidationStepPanelProps> = ({
           </EuiMarkdownFormat>
           {action && (
             <>
+              <EuiSpacer size="s" />
               {action}
-              <EuiSpacer />
             </>
           )}
         </>