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 · 064c463 · 064c463
1 parent 4aa0d64
commit 064c463
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
@@ -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 (