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 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
This commit is contained in:
librelad 2026-06-05 00:21:02 +01:00
parent 16dd146710
commit 2188a99787

View File

@ -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;