Restore old column layout.
<div class="row py-3">
<!-- A carousel with all pie charts on small screens -->
- <div class="col-lg-12 d-none d-block d-lg-block d-xxl-none">
+ <div class="col-xs-12 col-sm-6 col-md-5 col-lg-4 d-none d-block d-lg-block d-xl-none d-xxl-none">
<bs:card title="${%Overview}" fontAwesomeIcon="bell">
<div id="overview-carousel" class="carousel slide" data-interval="false">
</div>
<!-- A single trend chart with the severities pie chart on large screens -->
- <div class="col-xlg-6 d-none d-lg-block">
+ <div class="col-xl-3 col-xxl-2 d-none d-xl-block">
<bs:card title="${%Severities Distribution}" fontAwesomeIcon="chart-pie">
<c:pie-chart id="severities-solo" model="${it.severityModel}" height="256" />
</div>
<!-- A single trend chart with the reference pie chart on large screens -->
- <div class="col-xlg-6 d-none d-lg-block">
+ <div class="col-xl-3 col-xxl-2 d-none d-xl-block">
<bs:card title="${%Reference Comparison}" fontAwesomeIcon="bell">
<c:pie-chart id="trend-solo" model="${it.trendModel}" height="256" />
</div>
- <div class="col-xlg-12">
+ <div class="col-xs-12 col-sm-6 col-md-7 col-lg-8 col-xl-6 col-xxl-8">
<issues:history/>
</div>
