[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:
parent
3fd7dbe455
commit
dd1714e8dd
|
@ -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} />
|
||||||
|
|
Loading…
Reference in a new issue