test

dash_app/assets/nhs.css

@@ -187,12 +187,12 @@ body {
     margin-left: var(--sidebar-w);
     margin-top: var(--header-total-h);
     padding: 24px;
-    height: calc(100vh - var(--header-total-h));
+    min-height: calc(100vh - var(--header-total-h));
     display: flex; flex-direction: column; gap: 20px;
     overflow-y: auto;
 }
 
-/* View containers — flex chain for chart to fill height */
+/* View containers */
 #view-container {
     flex: 1; display: flex; flex-direction: column; min-height: 0;
 }
@@ -268,12 +268,6 @@ body {
 #pathway-chart {
     flex: 1; min-height: 0;
 }
-/* Propagate flex height into Plotly-rendered divs when no explicit figure height is set */
-#pathway-chart .js-plotly-plot,
-#pathway-chart .plot-container,
-#pathway-chart .svg-container {
-    height: 100% !important;
-}
 .chart-card > .dash-loading-callback,
 .chart-card > .dash-loading-callback > div {
     flex: 1; display: flex; flex-direction: column; min-height: 0;

dash_app/components/chart_card.py

@@ -106,8 +106,6 @@ def make_chart_card():
                         children=[
                             dcc.Graph(
                                 id="pathway-chart",
-                                style={"flex": "1", "minHeight": "0"},
-                                responsive=True,
                                 config={
                                     "displayModeBar": True,
                                     "displaylogo": False,

dash_app/components/trends.py

@@ -46,7 +46,8 @@ def make_trends_landing():
                 dcc.Graph(
                     id="trends-overview-chart",
                     config={"displayModeBar": False, "displaylogo": False},
-                    style={"height": "500px"},
+                    style={"height": "calc(100vh - 220px)", "minHeight": "400px"},
+                    responsive=True,
                 ),
             ]),
         ],
@@ -105,7 +106,8 @@ def make_trends_detail():
                 dcc.Graph(
                     id="trends-detail-chart",
                     config={"displayModeBar": False, "displaylogo": False},
-                    style={"height": "500px"},
+                    style={"height": "calc(100vh - 220px)", "minHeight": "400px"},
+                    responsive=True,
                 ),
             ]),
         ],