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

* 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-26 20:44:13 -05:00 committed by GitHub
parent e873e7d91c
commit bc41f88f6c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

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