style: increase Trust Comparison chart height from 320px to 500px (Task 11.2)

Charts were overspilling 320px containers. Increased to 500px for
readability. Added overflow: hidden + min-height: 0 to .tc-chart-cell
to prevent any content leaking. Dashboard scrolls vertically, which
is acceptable for 6 readable charts.
This commit is contained in:
Andrew Charlwood
2026-02-07 00:25:08 +00:00
parent 4ec3e6b973
commit a4059b5829
3 changed files with 8 additions and 6 deletions
+2
View File
@@ -467,6 +467,8 @@ body {
border: 1px solid var(--nhs-pale-grey);
display: flex;
flex-direction: column;
overflow: hidden;
min-height: 0;
}
.tc-chart-cell__title {
padding: 10px 16px;
+1 -1
View File
@@ -10,7 +10,7 @@ def _tc_chart_cell(title, graph_id):
dcc.Graph(
id=graph_id,
config={"displayModeBar": False, "displaylogo": False},
style={"height": "320px"},
style={"height": "500px"},
),
]),
])