fix layout in safari

elastic · Oct 29, 2019 · d3f28e8 · d3f28e8
1 parent 84bcdcc
commit d3f28e8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/x-pack/legacy/plugins/integrations_manager/public/index.ts b/x-pack/legacy/plugins/integrations_manager/public/index.ts
@@ -17,7 +17,7 @@ import { routes } from './routes';
 export type DetailViewPanelName = 'overview' | 'assets' | 'data-sources';
 
 const REACT_APP_ROOT_ID = 'epm__root';
-const template = `<div id="${REACT_APP_ROOT_ID}" style="flex-grow: 1"></div>`;
+const template = `<div id="${REACT_APP_ROOT_ID}" style="flex-grow: 1; display: flex; flex-direction: column"></div>`;
 const getRootEl = () => document.getElementById(REACT_APP_ROOT_ID);
 
 main();

diff --git a/x-pack/legacy/plugins/integrations_manager/public/screens/detail/index.tsx b/x-pack/legacy/plugins/integrations_manager/public/screens/detail/index.tsx
@@ -51,6 +51,7 @@ export function DetailLayout(props: LayoutProps) {
     background-color: ${theme.eui.euiColorEmptyShade};
     height: 100%;
     padding-top: ${paddingSizeTop}px;
+    flex-grow: 1;
   `;
 
   return (