diff --git a/src/components/dashboard/hero/dashboard-hero.tsx b/src/components/dashboard/hero/dashboard-hero.tsx index 972767541..b8be17dec 100644 --- a/src/components/dashboard/hero/dashboard-hero.tsx +++ b/src/components/dashboard/hero/dashboard-hero.tsx @@ -386,7 +386,7 @@ export function DashboardHero({ drifting to the vertical centre of the taller ring column. */}
-
+
{/* Greeting leads the typographic hierarchy: larger + heavier than the verdict so the personalised line reads first. The verdict keeps its medium weight one step down — still @@ -399,13 +399,17 @@ export function DashboardHero({ > {welcomeText}

-
+ {/* Text left, action right, one row — the PageHeader/TileHeader + inline-action pattern. The sentence takes the available width and + wraps internally (`min-w-0 flex-1`); the button never wraps to its + own line (`shrink-0`), so the action stays beside the text. */} +
{sentenceHref ? ( {sentence} @@ -413,7 +417,7 @@ export function DashboardHero({

{sentence}

@@ -424,7 +428,7 @@ export function DashboardHero({ asChild size="default" variant="outline" - className="min-h-11 sm:min-h-9" + className="min-h-11 shrink-0 sm:min-h-9" data-slot="dashboard-hero-cta" > {t(ctaLabelKey)} @@ -432,7 +436,7 @@ export function DashboardHero({ ) : (