From 3b8cb9e5255029d84f7523d5063ef047a77f9231 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Fri, 25 Nov 2022 22:23:45 +0100
Subject: [PATCH] web/flows: fix display for long redirect URLs

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/flow/stages/RedirectStage.ts | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/web/src/flow/stages/RedirectStage.ts b/web/src/flow/stages/RedirectStage.ts
index 372a40886..a39420f14 100644
--- a/web/src/flow/stages/RedirectStage.ts
+++ b/web/src/flow/stages/RedirectStage.ts
@@ -2,7 +2,7 @@ import { BaseStage } from "@goauthentik/flow/stages/base";
 
 import { t } from "@lingui/macro";
 
-import { CSSResult, TemplateResult, html } from "lit";
+import { CSSResult, TemplateResult, css, html } from "lit";
 import { customElement } from "lit/decorators.js";
 
 import AKGlobal from "@goauthentik/common/styles/authentik.css";
@@ -18,7 +18,20 @@ import { FlowChallengeResponseRequest, RedirectChallenge } from "@goauthentik/ap
 @customElement("ak-stage-redirect")
 export class RedirectStage extends BaseStage<RedirectChallenge, FlowChallengeResponseRequest> {
     static get styles(): CSSResult[] {
-        return [PFBase, PFLogin, PFForm, PFButton, PFFormControl, PFTitle, AKGlobal];
+        return [
+            PFBase,
+            PFLogin,
+            PFForm,
+            PFButton,
+            PFFormControl,
+            PFTitle,
+            AKGlobal,
+            css`
+                code {
+                    word-break: break-all;
+                }
+            `,
+        ];
     }
 
     renderURL(): string {
@@ -36,7 +49,7 @@ export class RedirectStage extends BaseStage<RedirectChallenge, FlowChallengeRes
                 <form method="POST" class="pf-c-form">
                     <div class="pf-c-form__group">
                         <p>${t`You're about to be redirect to the following URL.`}</p>
-                        <pre>${this.renderURL()}</pre>
+                        <code>${this.renderURL()}</code>
                     </div>
                     <div class="pf-c-form__group pf-m-action">
                         <a