Add min-height

Author: sorenlouv

x-pack/plugins/apm/public/components/app/Main/index.js

@@ -9,12 +9,13 @@ import styled from 'styled-components';
 import { Route, Switch } from 'react-router-dom';
 import { routes } from './routeConfig';
 import ScrollToTopOnPathChange from './ScrollToTopOnPathChange';
-import { px, units, unit } from '../../../style/variables';
+import { px, units, unit, elements } from '../../../style/variables';
 import ConnectRouterToRedux from '../../shared/ConnectRouterToRedux';
 
 const MainContainer = styled.div`
   min-width: ${px(unit * 50)};
   padding: ${px(units.plus)};
+  min-height: calc(100vh - ${elements.topNav});
 `;
 
 export default function Main() {

x-pack/plugins/apm/public/style/variables.js

@@ -90,3 +90,8 @@ export function truncate(width) {
       text-overflow: ellipsis;
     `;
 }
+
+// height of specific elements
+export const elements = {
+  topNav: '29px'
+};