From 725641270f50d6191d3de1f011b6565e36265edc Mon Sep 17 00:00:00 2001
From: Jens L <jens@goauthentik.io>
Date: Sat, 27 Jan 2024 15:31:42 +0100
Subject: [PATCH] web: minor fixes for the rbac rework (#8328)

* fix drawer height

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* move country flag to be before IP in session list to match reputation list

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

---------

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
---
 web/src/elements/user/SessionList.ts | 6 +++---
 web/src/user/UserInterface.ts        | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/elements/user/SessionList.ts b/web/src/elements/user/SessionList.ts
index e36c49e6e0..24ae886631 100644
--- a/web/src/elements/user/SessionList.ts
+++ b/web/src/elements/user/SessionList.ts
@@ -69,11 +69,11 @@ export class AuthenticatedSessionList extends Table<AuthenticatedSession> {
     row(item: AuthenticatedSession): TemplateResult[] {
         return [
             html`<div>
+                    ${item.geoIp?.country
+                        ? html`${getUnicodeFlagIcon(item.geoIp.country)}&nbsp;`
+                        : html``}
                     ${item.current ? html`${msg("(Current session)")}&nbsp;` : html``}
                     ${item.lastIp}
-                    ${item.geoIp?.country
-                        ? html`&nbsp;${getUnicodeFlagIcon(item.geoIp.country)} `
-                        : html``}
                 </div>
                 <small>${item.userAgent.userAgent?.family}, ${item.userAgent.os?.family}</small>`,
             html`<div>${getRelativeTime(item.lastUsed)}</div>
diff --git a/web/src/user/UserInterface.ts b/web/src/user/UserInterface.ts
index 6360d2e4e2..f9655341b5 100644
--- a/web/src/user/UserInterface.ts
+++ b/web/src/user/UserInterface.ts
@@ -122,6 +122,7 @@ export class UserInterface extends Interface {
                     flex-direction: column;
                 }
                 .pf-c-drawer__main {
+                    min-height: calc(100vh - 76px);
                     max-height: calc(100vh - 76px);
                 }
             `,