Fix Snapshots Policies Alignment Issue in IE11 (#54866) (#58066)

* Removed flex group because it's causing alignment issues on IE. Verified and tested on all 3 browsers.

* Restored <EuiFlexItem> but added grow=false to properly align icons.

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
John Dorlus 2020-02-25 15:48:15 -05:00 committed by GitHub
parent 4aa0d64c98
commit e28a3df8f5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -184,7 +184,7 @@ export const PolicyTable: React.FunctionComponent<Props> = ({
render: ({ name, inProgress }: SlmPolicy) => {
return (
<EuiFlexGroup gutterSize="s">
<EuiFlexItem>
<EuiFlexItem grow={false}>
<PolicyExecuteProvider>
{executePolicyPrompt => {
return (
@ -220,7 +220,7 @@ export const PolicyTable: React.FunctionComponent<Props> = ({
}}
</PolicyExecuteProvider>
</EuiFlexItem>
<EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiToolTip
content={i18n.translate(
'xpack.snapshotRestore.policyList.table.actionEditTooltip',
@ -242,7 +242,7 @@ export const PolicyTable: React.FunctionComponent<Props> = ({
/>
</EuiToolTip>
</EuiFlexItem>
<EuiFlexItem>
<EuiFlexItem grow={false}>
<PolicyDeleteProvider>
{deletePolicyPrompt => {
return (