Changed min-width property to apply only for the generated pdf

This commit is contained in:
Luis Aleixo 2021-08-26 10:25:04 +02:00
parent 4f402b0d00
commit 0e1936f565

View file

@ -60,31 +60,27 @@
<p class="card-text"> <p class="card-text">
<div class="align-self-center"> <div class="align-self-center">
<div class="d-flex"> <div class="d-flex">
<div class="split">
<div> <div style="min-width: 25%">
<div style="min-width: 25%"> <div style="text-align:center"><b>Probability of infection (%)</b></div>
<div style="text-align:center"><b>Probability of infection (%)</b></div> <div class="d-flex" style="min-height: 160px">
<div class="d-flex" style="min-height: 160px"> {% block warning_animation %}
{% block warning_animation %} <div class="intro-banner-vdo-play-btn bg-secondary m-auto d-flex align-items-center justify-content-center">
<div class="intro-banner-vdo-play-btn bg-secondary m-auto d-flex align-items-center justify-content-center"> <b>{{prob_inf | non_zero_percentage}}</b>
<b>{{prob_inf | non_zero_percentage}}</b> <i class="glyphicon glyphicon-play whiteText" aria-hidden="true"></i>
<i class="glyphicon glyphicon-play whiteText" aria-hidden="true"></i> <span class="ripple bg-secondary"></span>
<span class="ripple bg-secondary"></span> <span class="ripple bg-secondary"></span>
<span class="ripple bg-secondary"></span> <span class="ripple bg-secondary"></span>
<span class="ripple bg-secondary"></span>
</div>
{% endblock warning_animation %}
</div> </div>
</div> {% endblock warning_animation %}
</div>
<div class="align-self-center ">
{% block report_summary %}
<div class="alert alert-dark" role="alert">
Taking into account the uncertainties tied to the model variables, in this scenario, the <b>probability of one exposed occupant getting infected is {{ prob_inf | non_zero_percentage }}</b><a href="#section1">[*]</a> and the <b>expected number of new cases is {{ expected_new_cases | float_format }}</b>.
</div>
{% endblock report_summary %}
</div> </div>
</div> </div>
{% block report_summary %}
<div class="align-self-center alert alert-dark" role="alert">
Taking into account the uncertainties tied to the model variables, in this scenario, the <b>probability of one exposed occupant getting infected is {{ prob_inf | non_zero_percentage }}</b><a href="#section1">[*]</a> and the <b>expected number of new cases is {{ expected_new_cases | float_format }}</b>.
</div>
{% endblock report_summary %}
</div> </div>
{% block report_summary_footnote %} {% block report_summary_footnote %}
{% endblock report_summary_footnote %} {% endblock report_summary_footnote %}