Merge pull request #1848 from metabase/chrome-48-dashboard-fix

Remove flexbox on dashboard grid to workaround Chrome 48.0.2564.97 bug

frontend/src/dashboard/components/Dashboard.jsx

@@ -42,9 +42,9 @@ export default class Dashboard extends Component {
                     <header className="bg-white border-bottom">
                         <DashboardHeader {...this.props} />
                     </header>
-                    <div className="Dash-wrapper wrapper flex layout-centered flex-full flex-column">
+                    <div className="Dash-wrapper wrapper flex-full">
                         { dashboard.ordered_cards.length === 0 ?
-                            <div className="flex flex-column layout-centered">
+                            <div className="absolute top bottom left right flex flex-column layout-centered">
                                 <span className="QuestionCircle">?</span>
                                 <div className="text-normal mt3 mb1">This dashboard is looking empty.</div>
                                 <div className="text-normal text-grey-2">Add a question to start making it useful!</div>

frontend/src/dashboard/components/DashboardGrid.jsx

@@ -148,7 +148,7 @@ export default class DashboardGrid extends Component {
     render() {
         var { dashboard } = this.props;
         return (
-            <div className="flex-full full">
+            <div>
                 <ResponsiveReactGridLayout
                     className={cx("DashboardGrid", { "Dash--editing": this.props.isEditing, "Dash--dragging": this.state.isDragging })}
                     breakpoints={{lg: 753, sm: 752}}