.last-branch

@@ -1 +1 @@
-v20260104-14-reports-stats-total-runs-success-rate-fix
+v20260104-15-reports-html-layout-gap-fix

containers/backupchecks/src/backend/app/main/routes_reporting_api.py

@@ -1628,7 +1628,9 @@ def _export_html_response(report: ReportDefinition, report_id: int, view: str):
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
   <style>
     body {{ background: #f8f9fa; }}
-    .card {{ border-radius: 14px; }}
+    /* Make report cards with headers look finished (no corner gaps). */
+    .card {{ border-radius: 14px; overflow: hidden; }}
+    .card-header {{ border-top-left-radius: 14px; border-top-right-radius: 14px; }}
     .metric {{ font-size: 1.4rem; font-weight: 700; }}
     .small-muted {{ color: #6c757d; font-size: .85rem; }}
     .table-sm td, .table-sm th {{ vertical-align: middle; }}

docs/changelog.md

@@ -307,6 +307,13 @@
 - Prevented non-selected statuses (such as Missed) from affecting totals and percentages.
 - Ensured consistency between displayed counts and calculated percentages in reports.
 
+---
+
+## v20260104-15-reports-html-layout-gap-fix
+
+- Fixed visual gaps in generated HTML report cards by ensuring card headers follow the rounded corners.
+- Added overflow clipping on report cards so header/background are properly contained within the card border radius.
+
 ================================================================================================================================================
 
 ## v0.1.15