fix(sparkline-legend): drop ineffective vertical-align on flex child

jddunn · jddunn · commit dd749a03e698 · 2026-05-13T06:55:52.000-07:00
diff --git a/src/dashboard/src/components/reports/MetricSparklines.module.scss b/src/dashboard/src/components/reports/MetricSparklines.module.scss
@@ -136,8 +136,10 @@
     height: 6px;
     border-radius: 50%;
     background: var(--actor-color, var(--text-3));
-    vertical-align: 1px;
     flex-shrink: 0;
+    // No vertical-align: the parent's `align-items: baseline` already
+    // owns the cross-axis alignment for inline-flex children, and the
+    // vertical-align property is ignored on flex items.
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -136,8 +136,10 @@`
`136`	`136`	`height: 6px;`
`137`	`137`	`border-radius: 50%;`
`138`	`138`	`background: var(--actor-color, var(--text-3));`
`139`		`- vertical-align: 1px;`
`140`	`139`	`flex-shrink: 0;`
	`140`	+ // No vertical-align: the parent's `align-items: baseline` already
	`141`	`+ // owns the cross-axis alignment for inline-flex children, and the`
	`142`	`+ // vertical-align property is ignored on flex items.`
`141`	`143`	`}`
`142`	`144`	`}`
`143`	`145`