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

* 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.
cuff-links · Feb 19, 2020 · ca3d2d0 · ca3d2d0
1 parent bd2d76f
commit ca3d2d0
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/...ugins/snapshot_restore/public/app/sections/home/policy_list/policy_table/policy_table.tsx b/...ugins/snapshot_restore/public/app/sections/home/policy_list/policy_table/policy_table.tsx
@@ -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