revert d3 resizable plot changes

cara/apps/calculator/static/js/report.js

@@ -1,14 +1,17 @@
 /* Generate the concentration plot using d3 library. */
 function draw_concentration_plot(svg_id, times, concentrations, exposed_presence_intervals) {
-    
+    var visBoundingBox = d3.select(svg_id)
+        .node()
+        .getBoundingClientRect();
+
     var time_format = d3.timeFormat('%H:%M');
 
     var data = []
     times.map((time, index) => data.push({ 'time': time, 'hour': new Date().setHours(Math.trunc(time), (time - Math.trunc(time)) * 60), 'concentration': concentrations[index] }))
 
     var vis = d3.select(svg_id),
-        width = 600,
-        height = 400,
+        width = visBoundingBox.width - 300,
+        height = visBoundingBox.height,
         margins = { top: 30, right: 20, bottom: 50, left: 50 },
 
         // H:M time format for x axis.

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 1200 400"></svg>
+								<svg id="result_plot" width="900" height="400"></svg>
 								<script type="application/javascript">
 									var times = {{times}}
 									var concentrations = {{concentrations}}