web/admin: show changelog on user info page

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

web/src/locales/en.po

@@ -2284,6 +2284,7 @@ msgid "If your authentik_host setting does not match the URL you want to login w
 msgstr "If your authentik_host setting does not match the URL you want to login with, add this setting."
 
 #: src/pages/users/UserListPage.ts
+#: src/pages/users/UserViewPage.ts
 msgid "Impersonate"
 msgstr "Impersonate"
 

web/src/locales/fr_FR.po

@@ -2267,6 +2267,7 @@ msgid "If your authentik_host setting does not match the URL you want to login w
 msgstr "Ajouter cette option si le paramètre authentik_host ne correspond pas à l'URL sur laquelle vous voulez ouvrir une session."
 
 #: src/pages/users/UserListPage.ts
+#: src/pages/users/UserViewPage.ts
 msgid "Impersonate"
 msgstr "Se faire passer pour"
 

web/src/locales/pseudo-LOCALE.po

@@ -2276,6 +2276,7 @@ msgid "If your authentik_host setting does not match the URL you want to login w
 msgstr ""
 
 #: src/pages/users/UserListPage.ts
+#: src/pages/users/UserViewPage.ts
 msgid "Impersonate"
 msgstr ""
 

web/src/pages/users/UserViewPage.ts

@@ -100,11 +100,11 @@ export class UserViewPage extends LitElement {
             >
                 <div class="pf-l-grid pf-m-gutter">
                     <div
-                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-2-col-on-xl pf-m-2-col-on-2xl"
+                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-3-col-on-xl pf-m-3-col-on-2xl"
                     >
                         <div class="pf-c-card__title">${t`User Info`}</div>
                         <div class="pf-c-card__body">
-                            <dl class="pf-c-description-list">
+                            <dl class="pf-c-description-list pf-m-2-col">
                                 <div class="pf-c-description-list__group">
                                     <dt class="pf-c-description-list__term">
                                         <span class="pf-c-description-list__text"
@@ -241,15 +241,36 @@ export class UserViewPage extends LitElement {
                                 ${t`Reset Password`}
                             </ak-action-button>
                         </div>
+                        <div class="pf-c-card__footer">
+                            <a
+                                class="pf-c-button pf-m-tertiary"
+                                href="${`/-/impersonation/${this.user.pk}/`}"
+                            >
+                                ${t`Impersonate`}
+                            </a>
+                        </div>
                     </div>
                     <div
-                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-10-col-on-xl pf-m-10-col-on-2xl"
+                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-9-col-on-xl pf-m-9-col-on-2xl"
                     >
                         <div class="pf-c-card__title">${t`Actions over the last 24 hours`}</div>
                         <div class="pf-c-card__body">
                             <ak-charts-user userId=${this.user.pk || 0}> </ak-charts-user>
                         </div>
                     </div>
+                    <div
+                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-12-col-on-xl pf-m-12-col-on-2xl"
+                    >
+                        <div class="pf-c-card__title">${t`Changelog`}</div>
+                        <div class="pf-c-card__body">
+                            <ak-object-changelog
+                                targetModelPk=${this.user.pk}
+                                targetModelApp="authentik_core"
+                                targetModelName="user"
+                            >
+                            </ak-object-changelog>
+                        </div>
+                    </div>
                 </div>
             </section>
             <section
@@ -275,22 +296,6 @@ export class UserViewPage extends LitElement {
                     </div>
                 </div>
             </section>
-            <section
-                slot="page-changelog"
-                data-tab-title="${t`Changelog`}"
-                class="pf-c-page__main-section pf-m-no-padding-mobile"
-            >
-                <div class="pf-c-card">
-                    <div class="pf-c-card__body">
-                        <ak-object-changelog
-                            targetModelPk=${this.user.pk}
-                            targetModelApp="authentik_core"
-                            targetModelName="user"
-                        >
-                        </ak-object-changelog>
-                    </div>
-                </div>
-            </section>
             <section
                 slot="page-consent"
                 data-tab-title="${t`Explicit Consent`}"