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

@@ -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>

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);
                 }
             `,