[Workplace Search] better spacing around icon in Group filter popover (#111949)

* better spacing around icon in group filter popover

* prevent flex wrapping on small screens
This commit is contained in:
Kuldeep M 2021-09-13 16:54:08 +01:00 committed by GitHub
parent 3fd7dbe455
commit dd1714e8dd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -20,9 +20,9 @@ interface SourceOptionItemProps {
} }
export const SourceOptionItem: React.FC<SourceOptionItemProps> = ({ source }) => ( export const SourceOptionItem: React.FC<SourceOptionItemProps> = ({ source }) => (
<EuiFlexGroup gutterSize="xs" justifyContent="flexStart" alignItems="center"> <EuiFlexGroup gutterSize="m" justifyContent="flexStart" alignItems="center" responsive={false}>
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<SourceIcon {...source} size="l" /> <SourceIcon {...source} size="s" />
</EuiFlexItem> </EuiFlexItem>
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<TruncatedContent tooltipType="title" content={source.name} length={MAX_LENGTH} /> <TruncatedContent tooltipType="title" content={source.name} length={MAX_LENGTH} />