From abf4e86ea6dde578ba7d4e1750584a51d782810f Mon Sep 17 00:00:00 2001 From: Peter Steinberger Date: Mon, 13 Jul 2026 08:51:42 -0700 Subject: [PATCH] fix(ui): align settings page headline with the content column (#106521) The settings shell capped page headers at 1120px while narrow settings pages use a 760px column, leaving the title floating left of the content. The header now adopts the column width of the page below it (760px default, 1120px for wide pages); fill-height surfaces without a settings-page column are unchanged. --- ui/src/styles/settings.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/ui/src/styles/settings.css b/ui/src/styles/settings.css index 1231033a5431..5caa9d8172bb 100644 --- a/ui/src/styles/settings.css +++ b/ui/src/styles/settings.css @@ -46,6 +46,20 @@ flex-direction: column; } +/* The page headline adopts the column of the page below it; without this the + shell caps headers at 1120px while narrow pages use a 760px column, leaving + the title floating left of the content. */ +.shell--settings .content:has(.settings-page) .content-header, +.shell--settings .content:has(.settings-page) .config-view-toggle-row { + max-width: 760px; + padding-inline: var(--space-4); +} + +.shell--settings .content:has(.settings-page--wide) .content-header, +.shell--settings .content:has(.settings-page--wide) .config-view-toggle-row { + max-width: 1120px; +} + /* ── Page ── */ .settings-page {