diff --git a/frontend/src/components/Common/OverviewToolbar.tsx b/frontend/src/components/Common/OverviewToolbar.tsx index c1aff7d..1295d4b 100644 --- a/frontend/src/components/Common/OverviewToolbar.tsx +++ b/frontend/src/components/Common/OverviewToolbar.tsx @@ -104,6 +104,23 @@ export function OverviewToolbar({ )} + + + + + + + {createLabel} + + {/* A disabled button gets no pointer events, so the tooltip that @@ -128,23 +145,6 @@ export function OverviewToolbar({ : `Publish ${draftCount} unpublished change${draftCount === 1 ? "" : "s"}`} - - - - - - - - {createLabel} - ) } diff --git a/frontend/src/components/Health/HealthOverview.tsx b/frontend/src/components/Health/HealthOverview.tsx index 1f67d28..1019414 100644 --- a/frontend/src/components/Health/HealthOverview.tsx +++ b/frontend/src/components/Health/HealthOverview.tsx @@ -40,9 +40,9 @@ function Tile({ * * Sixty slices of whatever window is selected, so the curve stays the same * width and only its resolution moves. The same curve the node panel and the - * edge popover draw, in the chart ramp this page's other graphs use. No live - * dot: the rollups are polled, so the right edge is the last completed slice - * rather than this instant. + * edge popover draw, dot included, in the chart ramp this page's other graphs + * use. The dot marks the newest slice rather than this instant — the rollups + * are polled, so that slice is the last complete one. */ function Spark({ counts }: { counts: number[] }) { const points: HistoryPoint[] = counts.map((value, index) => ({ @@ -57,7 +57,6 @@ function Spark({ counts }: { counts: number[] }) { points={points} color="var(--chart-1)" height="h-6" - dot={false} readout={false} /> ) @@ -205,7 +204,9 @@ export function HealthOverview({ {si(row.avg_lag_ms)} ms - + {/* The dot straddles the curve's right edge, so the cell + keeps a little room for the half that hangs out. */} +