From 85d3227ca322d2a06daccb00663f7b383a26fa1d Mon Sep 17 00:00:00 2001
From: Rieven <rsnmartis@gmail.com>
Date: Tue, 3 Sep 2024 09:31:01 +0200
Subject: [PATCH] Fix findings overview overflow (#3439)

---
 .../report_severity_totals_table.html         | 108 +++++++++---------
 1 file changed, 53 insertions(+), 55 deletions(-)

diff --git a/rocky/reports/templates/partials/report_severity_totals_table.html b/rocky/reports/templates/partials/report_severity_totals_table.html
index 2803dab932f..0074622bfc1 100644
--- a/rocky/reports/templates/partials/report_severity_totals_table.html
+++ b/rocky/reports/templates/partials/report_severity_totals_table.html
@@ -3,63 +3,61 @@
 <section>
     <div>
         <h3>{% translate "Findings overview" %}</h3>
-        <div class="column-2">
-            <div class="horizontal-scroll">
-                <table>
-                    <caption class="visually-hidden">{% translate "Total per severity overview" %}</caption>
-                    <thead>
+        <div class="horizontal-scroll">
+            <table>
+                <caption class="visually-hidden">{% translate "Total per severity overview" %}</caption>
+                <thead>
+                    <tr>
+                        <th>{% translate "Risk level" %}</th>
+                        <th class="number">{% translate "Findings" %}</th>
+                        <th class="number">{% translate "Occurrences" %}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>
+                            <span class="critical">Critical</span>
+                        </td>
+                        <td class="number">{{ data.total_by_severity_per_finding_type.critical }}</td>
+                        <td class="number">{{ data.total_by_severity.critical }}</td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <span class="high">High</span>
+                        </td>
+                        <td class="number">{{ data.total_by_severity_per_finding_type.high }}</td>
+                        <td class="number">{{ data.total_by_severity.high }}</td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <span class="medium">Medium</span>
+                        </td>
+                        <td class="number">{{ data.total_by_severity_per_finding_type.medium }}</td>
+                        <td class="number">{{ data.total_by_severity.medium }}</td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <span class="low">Low</span>
+                        </td>
+                        <td class="number">{{ data.total_by_severity_per_finding_type.low }}</td>
+                        <td class="number">{{ data.total_by_severity.low }}</td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <span class="recommendation">Recommendation</span>
+                        </td>
+                        <td class="number">{{ data.total_by_severity_per_finding_type.recommendation }}</td>
+                        <td class="number">{{ data.total_by_severity.recommendation }}</td>
+                    </tr>
+                    <tfoot>
                         <tr>
-                            <th>{% translate "Risk level" %}</th>
-                            <th class="number">{% translate "Findings" %}</th>
-                            <th class="number">{% translate "Occurrences" %}</th>
+                            <td>Total</td>
+                            <td class="number">{{ data.total_finding_types }}</td>
+                            <td class="number">{{ data.total_occurrences }}</td>
                         </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td>
-                                <span class="critical">Critical</span>
-                            </td>
-                            <td class="number">{{ data.total_by_severity_per_finding_type.critical }}</td>
-                            <td class="number">{{ data.total_by_severity.critical }}</td>
-                        </tr>
-                        <tr>
-                            <td>
-                                <span class="high">High</span>
-                            </td>
-                            <td class="number">{{ data.total_by_severity_per_finding_type.high }}</td>
-                            <td class="number">{{ data.total_by_severity.high }}</td>
-                        </tr>
-                        <tr>
-                            <td>
-                                <span class="medium">Medium</span>
-                            </td>
-                            <td class="number">{{ data.total_by_severity_per_finding_type.medium }}</td>
-                            <td class="number">{{ data.total_by_severity.medium }}</td>
-                        </tr>
-                        <tr>
-                            <td>
-                                <span class="low">Low</span>
-                            </td>
-                            <td class="number">{{ data.total_by_severity_per_finding_type.low }}</td>
-                            <td class="number">{{ data.total_by_severity.low }}</td>
-                        </tr>
-                        <tr>
-                            <td>
-                                <span class="recommendation">Recommendation</span>
-                            </td>
-                            <td class="number">{{ data.total_by_severity_per_finding_type.recommendation }}</td>
-                            <td class="number">{{ data.total_by_severity.recommendation }}</td>
-                        </tr>
-                        <tfoot>
-                            <tr>
-                                <td>Total</td>
-                                <td class="number">{{ data.total_finding_types }}</td>
-                                <td class="number">{{ data.total_occurrences }}</td>
-                            </tr>
-                        </tfoot>
-                    </tbody>
-                </table>
-            </div>
+                    </tfoot>
+                </tbody>
+            </table>
         </div>
     </div>
 </section>