From 8f0e9ff534d1156485d678d49ae0260a8cd69e28 Mon Sep 17 00:00:00 2001
From: "Jens L." <jens@goauthentik.io>
Date: Tue, 11 Feb 2025 17:53:03 +0100
Subject: [PATCH] web/admin: improve user display view (#12988)

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
---
 web/src/admin/users/UserViewPage.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/admin/users/UserViewPage.ts b/web/src/admin/users/UserViewPage.ts
index 89a823ca17..02890c0c65 100644
--- a/web/src/admin/users/UserViewPage.ts
+++ b/web/src/admin/users/UserViewPage.ts
@@ -171,7 +171,9 @@ export class UserViewPage extends WithCapabilitiesConfig(AKElement) {
 
         return html`
             <div class="pf-c-card__title">${msg("User Info")}</div>
-            <div class="pf-c-card__body">${renderDescriptionList(userInfo)}</div>
+            <div class="pf-c-card__body">
+                ${renderDescriptionList(userInfo, { twocolumn: true })}
+            </div>
         `;
     }
 
@@ -382,12 +384,12 @@ export class UserViewPage extends WithCapabilitiesConfig(AKElement) {
             >
                 <div class="pf-l-grid pf-m-gutter">
                     <div
-                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-3-col-on-xl pf-m-3-col-on-2xl"
+                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-4-col-on-xl pf-m-4-col-on-2xl"
                     >
                         ${this.renderUserCard()}
                     </div>
                     <div
-                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-9-col-on-xl pf-m-9-col-on-2xl"
+                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-8-col-on-xl pf-m-8-col-on-2xl"
                     >
                         <div class="pf-c-card__title">
                             ${msg("Actions over the last week (per 8 hours)")}