From 2188a99787578ec5da8a291cd61313d2745cdc51 Mon Sep 17 00:00:00 2001 From: librelad Date: Fri, 5 Jun 2026 00:21:02 +0100 Subject: [PATCH] fix(apps): make the instance family bar a full-width row The app-detail header is a flex row, so the switcher rendered inline to the right of the service buttons. Wrap the detail header and make the bar span 100% so it sits under the title/service buttons, above the tab strip, as intended. Co-Authored-By: Claude Opus 4.8 Signed-off-by: librelad --- .../libreportal/frontend/components/apps/core/css/apps.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/containers/libreportal/frontend/components/apps/core/css/apps.css b/containers/libreportal/frontend/components/apps/core/css/apps.css index b6dc5d1..108ac7f 100644 --- a/containers/libreportal/frontend/components/apps/core/css/apps.css +++ b/containers/libreportal/frontend/components/apps/core/css/apps.css @@ -450,8 +450,12 @@ font-weight: 600; } -/* Family switcher bar — sits under the app title, above the tab strip. */ +/* Family switcher bar — full-width row under the title/service buttons. The + app-detail header is a flex row, so wrap it and make the bar span 100%. */ +#app-detail-view .app-header { flex-wrap: wrap; } .instance-family-bar { + flex: 0 0 100%; + width: 100%; display: flex; align-items: center; gap: 12px;