diff --git a/NucleicRemote/NucleicRemote/Views/BuildBanner.swift b/NucleicRemote/NucleicRemote/Views/BuildBanner.swift index 21595a2..7cab639 100644 --- a/NucleicRemote/NucleicRemote/Views/BuildBanner.swift +++ b/NucleicRemote/NucleicRemote/Views/BuildBanner.swift @@ -100,22 +100,26 @@ struct BuildBanner: View { Text(style.label) .font(.footnote.weight(.semibold)) .lineLimit(1) - Spacer(minLength: 12) Text(info.buildLabel) .font(.caption.monospaced()) .opacity(0.85) Text("EXPERIMENTAL") .font(.caption2.weight(.heavy)) .tracking(0.9) - .foregroundStyle(.white) .padding(.horizontal, 6) .padding(.vertical, 2) - .background(style.tint, in: .capsule) + .background(.white.opacity(0.16), in: .capsule) } - .foregroundStyle(.primary) + .foregroundStyle(.white.opacity(0.92)) .padding(.horizontal, 12) .padding(.vertical, 5) - .frame(maxWidth: .infinity) + // The channel-colored stripe wraps only this row of content — channel name, build + // label, and the EXPERIMENTAL pill — instead of bleeding across the full window + // header, then sits at the leading edge with a little breathing room around it. + .background(style.tint.opacity(0.9), in: .rect(cornerRadius: 8)) + .padding(.horizontal, 12) + .padding(.vertical, 4) + .frame(maxWidth: .infinity, alignment: .leading) .accessibilityLabel(style.tooltip(version: info.version, build: info.buildLabel)) } }