fixed the UI for the impersonation User menu

nonpacks/static/css/style.css

@@ -2628,10 +2628,13 @@ a.deletelink {
 
 /* ========== Impersonation ========== */
 .impersonate-chip {
+    position: absolute;
+    right: 56px;                 /* 48px avatar + 8px gap */
+    top: 50%;
+    transform: translateY(-50%);
     display: inline-flex;
     align-items: center;
     gap: 6px;
-    margin-right: 8px;
     padding: 3px 10px 3px 4px;
     border-radius: 999px;
     background: var(--md-sys-color-surface-variant);
@@ -2640,7 +2643,7 @@ a.deletelink {
     font-size: 0.72rem;
     font-weight: 500;
     text-decoration: none;
-    vertical-align: middle;
+    white-space: nowrap;
 }
 .impersonate-chip:hover {
     border-color: var(--md-sys-color-primary);
@@ -2659,14 +2662,6 @@ a.deletelink {
     font-size: 0.65rem;
     flex: none;
 }
-.user-info {
-    padding: 4px 12px;
-    font-size: 0.75rem;
-    color: var(--md-sys-color-on-surface-variant);
-}
-.user-info a {
-    color: var(--md-sys-color-primary);
-}
 
 /* Users directory */
 .user-grid {