From 68736c78a188198b2aa3f27c8bc1b1efb83c0fe9 Mon Sep 17 00:00:00 2001
From: Jonathan Miller <jmiller-moko@noreply.git.mokoconsulting.tech>
Date: Tue, 2 Jun 2026 13:51:31 -0500
Subject: [PATCH] fix(ui): float visibility badge to right of title label

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 templates/repo/settings/options.tmpl | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/templates/repo/settings/options.tmpl b/templates/repo/settings/options.tmpl
index 1a2d96bc41..7603646721 100644
--- a/templates/repo/settings/options.tmpl
+++ b/templates/repo/settings/options.tmpl
@@ -879,18 +879,26 @@
 				{{if not .Repository.IsFork}}
 					<div class="item tw-items-center">
 						<div class="item-main">
-							<div class="item-title">{{ctx.Locale.Tr "repo.visibility"}}</div>
+							<div class="item-title tw-flex tw-items-center tw-justify-between">
+								<span>{{ctx.Locale.Tr "repo.visibility"}}</span>
+								{{if .IsSystemRepo}}
+									<span class="ui grey label">System</span>
+								{{else if .Repository.IsHidden}}
+									<span class="ui red label">{{ctx.Locale.Tr "repo.settings.visibility.hidden.label"}}</span>
+								{{else if .Repository.IsPrivate}}
+									<span class="ui orange label">{{ctx.Locale.Tr "repo.settings.visibility.private.label"}}</span>
+								{{else}}
+									<span class="ui green label">{{ctx.Locale.Tr "repo.settings.visibility.public.label"}}</span>
+								{{end}}
+							</div>
 							<div class="item-body">
 								{{if .IsSystemRepo}}
 									This is a system repository. System repositories are always private.
 								{{else if .Repository.IsHidden}}
-									<span class="ui red label">{{ctx.Locale.Tr "repo.settings.visibility.hidden.label"}}</span>
 									{{ctx.Locale.Tr "repo.settings.visibility.hidden.desc"}}
 								{{else if .Repository.IsPrivate}}
-									<span class="ui orange label">{{ctx.Locale.Tr "repo.settings.visibility.private.label"}}</span>
 									{{ctx.Locale.Tr "repo.settings.visibility.private.desc"}}
 								{{else}}
-									<span class="ui green label">{{ctx.Locale.Tr "repo.settings.visibility.public.label"}}</span>
 									{{ctx.Locale.Tr "repo.settings.visibility.public.desc"}}
 								{{end}}
 							</div>
-- 
2.52.0