diff --git a/apps/app/src/components/settings/UpdatesSettingsSection.tsx b/apps/app/src/components/settings/UpdatesSettingsSection.tsx index 59973a2183..cacfbf3f35 100644 --- a/apps/app/src/components/settings/UpdatesSettingsSection.tsx +++ b/apps/app/src/components/settings/UpdatesSettingsSection.tsx @@ -223,6 +223,15 @@ export function UpdateActionButton({ const ROW_GRID = "grid min-w-0 grid-cols-[1.5rem_minmax(0,1fr)_auto] items-center gap-3"; +/** + * Vertical rhythm for every row in a machine card. `SettingsSection` already + * pads the card (`py-3.5`), so the first and last rows drop their own outer + * padding the way `SettingsRow` does; without the reset a card's own padding + * and the row's stacked to 22px at each end, while `UpdatesRow` — which had + * the reset — sat at 14px, and the bb row's card came out lopsided. + */ +const ROW_SPACING = "py-2 first:pt-0 last:pb-0"; + /** * A row with no destination — bb itself, which has no page of its own to open. * It borrows `ResourceRow`'s grid rather than its behaviour so its mark, name @@ -240,7 +249,7 @@ function UpdatesRow({ }) { return (