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. */}
+