From 0d1ad21a1bda7877b82f82be5a1ad536a6714f3d Mon Sep 17 00:00:00 2001
From: Levko Kravets <levko.ne@gmail.com>
Date: Tue, 28 Nov 2017 14:58:02 +0200
Subject: [PATCH] getredash/redash/issues/2103 Fix: unnecessary horizontal
 scroll; fix: viz overlaps filters panel

---
 client/app/components/filters.html         |  8 ++++----
 client/app/pages/dashboards/dashboard.less | 20 ++++++++++++++++++++
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/client/app/components/filters.html b/client/app/components/filters.html
index 662ea3fd..662bdc83 100644
--- a/client/app/components/filters.html
+++ b/client/app/components/filters.html
@@ -1,10 +1,10 @@
-<div class="container bg-white p-5" ng-show="$ctrl.filters | notEmpty">
-  <div class="row">
+<div class="container bg-white" ng-show="$ctrl.filters | notEmpty" style="padding: 5px;">
+  <div class="row" style="margin-left: -5px; margin-right: -5px;">
     <div class="col-sm-6 m-t-5" ng-repeat="filter in $ctrl.filters">
       <label>{{filter.friendlyName}}</label>
     </div>
   </div>
-  <div class="row">
+  <div class="row" style="margin-left: -5px; margin-right: -5px;">
     <div class="col-sm-6 m-t-5" ng-repeat="filter in $ctrl.filters">
       <ui-select ng-model="filter.current" ng-if="!filter.multiple" on-select="$ctrl.filterChangeListener(filter, $model)" on-remove="$ctrl.filterChangeListener(filter, $model)"
         remove-selected="false">
@@ -31,4 +31,4 @@
       </ui-select>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/client/app/pages/dashboards/dashboard.less b/client/app/pages/dashboards/dashboard.less
index 7a2b16da..8fb04ff6 100644
--- a/client/app/pages/dashboards/dashboard.less
+++ b/client/app/pages/dashboards/dashboard.less
@@ -56,6 +56,26 @@
     }
 
     .gridster-item:not(.gridster-auto-height-enabled) {
+      visualization-renderer {
+        display: flex;
+        flex-direction: column;
+        position: absolute;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+
+        > filters {
+          flex-grow: 0;
+        }
+
+        > div {
+          flex-grow: 1;
+          position: relative;
+        }
+      }
+
+      .dynamic-table-container,
       .sunburst-visualization-container,
       .sankey-visualization-container,
       .map-visualization-container,