Reduce height of graph on /reports.

mysociety · Oct 19, 2023 · 3ad253a · 3ad253a
1 parent a2d8a87
commit 3ad253a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/templates/web/base/reports/index.html b/templates/web/base/reports/index.html
@@ -24,7 +24,7 @@ <h1>[% loc('Dashboard') %]
     <div class="dashboard-item dashboard-item--12">
         <h2>[% loc('All time') %]</h2>
         <div class="labelled-line-chart">
-            <canvas id="chart-all-reports" width="600" height="300"
+            <canvas id="chart-all-reports" width="600" height="250"
                 data-labels="[[% FOR period IN problem_periods %]&quot;[% period %]&quot;[% IF NOT loop.last %],[% END %][% END %]]"
                 data-values-reports="[[% problems_reported_by_period.join(',') %]]"
                 data-values-fixed="[[% problems_fixed_by_period.join(',') %]]"

diff --git a/web/cobrands/sass/_dashboard.scss b/web/cobrands/sass/_dashboard.scss
@@ -85,7 +85,7 @@
     @include box-sizing(border-box);
 
     @media (min-width: 48em) {
-        padding-right: 20%; // Same way round, regardless of text direction
+        padding-right: 15%; // Same way round, regardless of text direction
     }
 
     .label {
@@ -99,7 +99,7 @@
         margin-top: -1em;
         margin-#{$right}: 0;
         right: 0;
-        width: 18%; // 20% padding from .labelled-line-chart, 2% gutter
+        width: 14%; // 15% padding from .labelled-line-chart, 1% gutter
     }
 }