Fix Feed Stats on IE, still broken on small screen on Safari
<div layout="column" ng-if="vm.dataLoaded" layout-padding>
- <div flex>
<md-card layout-align="center center">
<md-card-content layout="column" style="width:100%;">
<div layout="row" class="layout-padding-left">
</div>
<div flex="20" class="md-block layout-padding-top-bottom" ng-if="vm.showProcessorChartLoading || vm.showFeedTimeChartLoading">
<div layout="column">
- <span style="padding-top:30px;">&nbsp;</span>
<md-progress-linear md-mode="indeterminate"></md-progress-linear>
</div>
</md-card-content>
</md-card>
- </div>
<div ng-if="vm.feedProcessorErrors.visibleData.length >0">
<md-card>
<div layout="row" layout-sm="column" layout-xs="column">
- <div flex layout="column" flex-gt-sm="70" flex="100" flex-order="1" flex-order-xs="2" flex-order-sm="2">
+ <div layout-fill layout="column" flex-gt-sm="70" flex-order="1" flex-order-xs="2" flex-order-sm="2">
<!-- THE KPIs -->
<div layout="row" layout-xs="column" layout-wrap layout-align="space-between center" class="kpi-row">
</div>
<!-- END KPIs -->
- <div flex>
+ <div>
<md-card layout-align="start start" style="margin-left: 0px;margin-right: 0px;">
<span class="card-title kpi-header layout-padding-left">Flow Rate</span>
<span class="md-caption kpi-subtitle layout-padding-top layout-padding-left">Monitor the rate of the feed flows</span>
</div>
- <div flex="100" flex-gt-sm="30" flex-order="2" flex-order-xs="1" flex-order-sm="1" class="layout-padding-left">
+ <div flex-gt-sm="30" flex-order="2" flex-order-xs="1" flex-order-sm="1" class="layout-padding-left">
<card-layout class="right-card">
<header-section>
<div layout="column">
