1- // Inject role badge next to logo
1+ // Inject title + right-aligned role badge
22document . addEventListener ( "DOMContentLoaded" , function ( ) {
3+ // Brand: icon + title text
34 var brand = document . querySelector ( ".navbar-brand" ) ;
45 if ( brand ) {
56 brand . style . cssText = "display:inline-flex;align-items:center;gap:10px;" ;
7+ // Remove any appName span injected by template
8+ brand . querySelectorAll ( "span" ) . forEach ( function ( s ) { s . remove ( ) ; } ) ;
69 var title = document . createElement ( "span" ) ;
7- title . textContent = "Payroll Engine " ;
8- title . style . cssText = "font-size:.85rem ;font-weight:700;color:#fff;letter-spacing:.08em ;text-transform:uppercase;white-space:nowrap;" ;
10+ title . textContent = "Client Scripting " ;
11+ title . style . cssText = "font-size:1rem ;font-weight:700;color:#fff;letter-spacing:.06em ;text-transform:uppercase;white-space:nowrap;" ;
912 brand . appendChild ( title ) ;
13+ }
14+ // Badge: right-aligned in navbar container
15+ var container = document . querySelector ( ".navbar .container, .navbar .container-fluid, .navbar > div" ) ;
16+ if ( container ) {
17+ container . style . cssText = "display:flex;align-items:center;width:100%;" ;
1018 var badge = document . createElement ( "span" ) ;
11- badge . textContent = "Client Scripting " ;
19+ badge . textContent = "Regulator " ;
1220 badge . style . cssText = [
21+ "margin-left:auto" ,
1322 "font-size:.7rem" ,
1423 "font-weight:700" ,
1524 "letter-spacing:.05em" ,
@@ -22,7 +31,7 @@ document.addEventListener("DOMContentLoaded", function () {
2231 "white-space:nowrap" ,
2332 "line-height:1.6"
2433 ] . join ( ";" ) ;
25- brand . appendChild ( badge ) ;
34+ container . appendChild ( badge ) ;
2635 }
2736} ) ;
2837
0 commit comments