From b6b14070ba675ffbcda949205f65a90be6380907 Mon Sep 17 00:00:00 2001
From: Luis Aleixo <luis.aleixo@cern.ch>
Date: Fri, 27 Aug 2021 17:24:43 +0200
Subject: [PATCH] responsive image (covid level scale)

---
 cara/apps/calculator/templates/base/calculator.report.html.j2 | 2 +-
 .../themes/cern/templates/calculator.report.html.j2           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/cara/apps/calculator/templates/base/calculator.report.html.j2 b/cara/apps/calculator/templates/base/calculator.report.html.j2
index ad7b7113..735674e0 100644
--- a/cara/apps/calculator/templates/base/calculator.report.html.j2
+++ b/cara/apps/calculator/templates/base/calculator.report.html.j2
@@ -86,7 +86,7 @@
 									{% endblock report_summary_footnote %}
 								</div>
 								<p id="section1">* The results are based on the parameters and assumptions published in the CERN Open Report <a href="https://cds.cern.ch/record/2756083"> CERN-OPEN-2021-004</a>.</p>
-								<svg id="result_plot" viewBox="0 0 1000 400"></svg>
+								<svg id="result_plot" viewBox="0 0 1200 400"></svg>
 								<script type="application/javascript">
 									var times = {{times}}
 									var concentrations = {{concentrations}}
diff --git a/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2 b/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2
index d7d9873a..3871c6b9 100644
--- a/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2
+++ b/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2
@@ -127,7 +127,7 @@
             <div class="alert alert-warning ml-3" role="alert">Events with a <strong>P(i) between 5% and 15%</strong> shall be subject to ALARA principles (see footnote) to minimise the risk before proceeding.</div>
             <div class="alert alert-danger ml-3 mb-0" role="alert">Events with a <strong>P(i) exceeding 15% or a number of expected new cases that exceeds 1</strong> may not take place until additional measures are in place and a risk reduction has been performed.</div>
           </div>
-          <img class="rounded ml-4" src="{{ calculator_prefix }}/static/images/warning_scale/{{scale_warning.level}}.png">
+          <img class="rounded ml-4 align-self-center" src="{{ calculator_prefix }}/static/images/warning_scale/{{scale_warning.level}}.png">
         </div>
         <br>
         <p class="data_text">
@@ -145,7 +145,7 @@
     </div>
   </div>
 </div>
-<div class="break-after"></div>	
+<div class="break-avoid fourth_page"></div>	
 {% endblock report_preamble %}
 
 {% block report_footer %}