style: margin for AND delimiter

elastic · Sep 5, 2022 · 9b8b104 · 9b8b104
1 parent 0667694
commit 9b8b104
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/plugins/unified_search/public/filters_builder/filters_builder_filter_group.tsx b/src/plugins/unified_search/public/filters_builder/filters_builder_filter_group.tsx
@@ -36,6 +36,10 @@ const boderPadding = css`
   padding: 14px;
 `;
 
+const maginAndFilterGroup = css`
+  margin: 2px;
+`;
+
 const OrDelimiter = ({ isRootLevelFilterGroup }: { isRootLevelFilterGroup: boolean }) => (
   <EuiFlexGroup gutterSize="s" responsive={false} alignItems="center">
     <EuiFlexItem
@@ -150,7 +154,11 @@ export const FilterGroup = ({
           ) : null}
 
           {conditionType === ConditionTypes.AND && index + 1 < acc.length ? (
-            <EuiFlexItem>
+            <EuiFlexItem
+              className={cx({
+                [maginAndFilterGroup]: shouldDrawBorder(filter),
+              })}
+            >
               <AndDelimiter />
             </EuiFlexItem>
           ) : null}