FIX: better handling of resizing in stacked charts (#6921)

FIX: better handling of resizing in stacked charts (#6921)

diff --git a/app/assets/javascripts/admin/components/admin-report-stacked-chart.js.es6 b/app/assets/javascripts/admin/components/admin-report-stacked-chart.js.es6
index 9b9d27e..961a1fb 100644
--- a/app/assets/javascripts/admin/components/admin-report-stacked-chart.js.es6
+++ b/app/assets/javascripts/admin/components/admin-report-stacked-chart.js.es6
@@ -68,9 +68,9 @@ export default Ember.Component.extend({
     return {
       type: "bar",
       data,
-      responsive: true,
-      maintainAspectRatio: false,
       options: {
+        responsive: true,
+        maintainAspectRatio: false,
         hover: { mode: "index" },
         tooltips: {
           mode: "index",
diff --git a/app/assets/javascripts/admin/templates/components/admin-report-stacked-chart.hbs b/app/assets/javascripts/admin/templates/components/admin-report-stacked-chart.hbs
index 9c36cfa..dfc603d 100644
--- a/app/assets/javascripts/admin/templates/components/admin-report-stacked-chart.hbs
+++ b/app/assets/javascripts/admin/templates/components/admin-report-stacked-chart.hbs
@@ -1,3 +1,3 @@
 <div class="chart-canvas-container">
-  <canvas class="chart-canvas" height="250"></canvas>
+  <canvas class="chart-canvas"></canvas>
 </div>
diff --git a/app/assets/stylesheets/common/admin/admin_report_stacked_chart.scss b/app/assets/stylesheets/common/admin/admin_report_stacked_chart.scss
index bbbd92c..e6e0267 100644
--- a/app/assets/stylesheets/common/admin/admin_report_stacked_chart.scss
+++ b/app/assets/stylesheets/common/admin/admin_report_stacked_chart.scss
@@ -1,9 +1,5 @@
 .admin-report-stacked-chart {
-  display: flex;
-  justify-content: space-between;
-
   .chart-canvas-container {
-    flex: 5;
-    margin: 0;
+    height: 250px;
   }
 }

GitHub sha: 9148f767

This commit has been mentioned on Discourse Meta. There might be relevant details there: