From d482c6fe2a545ffab1bfa9f752ea1f580bec4d5d Mon Sep 17 00:00:00 2001
From: lorentz <lorentz@wulfconsulting.com>
Date: Thu, 9 Apr 2026 13:02:32 +0000
Subject: [PATCH] ui: move parent/child badges to right side of client header

---
 ondeck/src/components/clients/client-detail.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/ondeck/src/components/clients/client-detail.tsx b/ondeck/src/components/clients/client-detail.tsx
index 858e346..7144b94 100644
--- a/ondeck/src/components/clients/client-detail.tsx
+++ b/ondeck/src/components/clients/client-detail.tsx
@@ -303,7 +303,7 @@ export function ClientDetail({ client, designations, policyGroups = [], allPolic
   return (
     <div className="space-y-6">
       {/* Header */}
-      <div className="flex items-start justify-between">
+      <div className="flex items-start justify-between gap-4">
         <div>
           <h1 className="text-3xl font-bold flex items-center gap-3">
             <Building2 className="h-8 w-8" />
@@ -329,16 +329,18 @@ export function ClientDetail({ client, designations, policyGroups = [], allPolic
               </div>
             )}
           </div>
+        </div>
 
-          {/* Parent / Child badges */}
-          <div className="flex flex-wrap gap-2 mt-3">
+        {/* Parent / Child badges — right-aligned */}
+        {(isParent || isChild) && (
+          <div className="flex flex-wrap gap-2 shrink-0 pt-1">
             {isParent && (
               <button
                 onClick={() => setSubsidiariesModalOpen(true)}
                 className="inline-flex items-center gap-1.5 rounded-full border border-violet-500/40 bg-violet-500/10 px-3 py-1 text-xs font-medium text-violet-700 dark:text-violet-400 hover:bg-violet-500/20 transition-colors"
               >
                 <GitBranch className="h-3.5 w-3.5" />
-                Parent Company · {subsidiaries.length} {subsidiaries.length === 1 ? 'subsidiary' : 'subsidiaries'}
+                Parent · {subsidiaries.length} {subsidiaries.length === 1 ? 'subsidiary' : 'subsidiaries'}
               </button>
             )}
             {isChild && (
@@ -351,7 +353,7 @@ export function ClientDetail({ client, designations, policyGroups = [], allPolic
               </Link>
             )}
           </div>
-        </div>
+        )}
       </div>
 
       {/* Subsidiaries modal */}