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

…lastic#115542) * Remove padding override * Move spacer to before action
kibanamachine · Oct 19, 2021 · 7358b6f · 7358b6f
1 parent 2d9b7d2
commit 7358b6f
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 />
             </>
           )}
         </>