Sovran_Systems/Sovran_SystemsOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Place OS version badge inline right after the Hub title

Browse Source 
Mirrors the service modal pattern where the version badge sits to the
right of the title: .title-group switches from a centered column
(badge under the title, PR #377) to a centered row with the badge
vertically centered directly after "Sovran_SystemsOS Hub".

flex-wrap keeps a graceful fallback: on very narrow screens the badge
wraps below the title, centered — the previous stacked look.

Co-authored-by: arena-agent <297053741+arena-agent@users.noreply.github.com>
This commit is contained in:
naturallaw777
2026-08-04 16:21:39 +00:00
co-authored by arena-agent
parent d2c3fd066e
commit cf23438a5c
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/sovran_systemsos_web/static/css/header.css
+6 -4
View File
@@ -31,10 +31,11 @@
.title-group { .title-group {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 6px; gap: 6px 10px;
} }
.header-buttons { .header-buttons {
@@ -53,7 +54,8 @@
letter-spacing: 0.03em; letter-spacing: 0.03em;
} }
/* ── OS Version Badge (polished) ───────────────────────────────── */ /* ── OS Version Badge (inline, right after "Hub" in the title ────
── mirrors the version badge next to modal titles) ────────────── */
.os-version-badge { .os-version-badge {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@@ -67,7 +69,7 @@
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap; white-space: nowrap;
align-self: center; flex-shrink: 0;
} }
.os-version-badge:hover { .os-version-badge:hover {