3 files changed, 28 insertions, 21 deletions
diff --git a/web/source/css/base.css b/web/source/css/base.css
index ca15984e3..d9b3e170e 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -277,19 +277,11 @@ section.login {
 
 section.error {
 	word-break: break-word;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
 	margin-bottom: 0.5rem;
 
-	span {
-		font-size: 2em;
-	}
-
 	pre {
 		border: 1px solid #ff000080;
-		margin-left: 1em;
-		padding: 0 0.7em;
+		padding: 0.5rem;
 		border-radius: 0.5em;
 		background-color: #ff000010;
 		font-size: 1.3em;
@@ -297,6 +289,15 @@ section.error {
 	}
 }
 
+section.oob-token {
+	code {
+		background: $gray1;
+		padding: 0.5rem;
+		margin: 0;
+		border-radius: 0.3rem;
+	}
+}
+
 .error-text {
 	color: $error1;
 	background: $error2;
diff --git a/web/template/error.tmpl b/web/template/error.tmpl
index 9cc21b296..ab295d00f 100644
--- a/web/template/error.tmpl
+++ b/web/template/error.tmpl
@@ -17,10 +17,15 @@
 */ -}}
 
 {{ template "header.tmpl" .}}
-    <main>
-        <section class="error">
-          <span>❌</span> <pre>{{.error}}</pre>
-          <span>Request ID</span> <code>{{.requestID}}</code>
-        </section>
-    </main>
+<main>
+	<section class="error">
+		<h1>An error occured:</h1>
+		<pre>{{.error}}</pre>
+		{{if .requestID}}
+		<div>
+			<span>Request ID:</span> <code>{{.requestID}}</code>
+		</div>
+		{{end}}
+	</section>
+</main>
 {{ template "footer.tmpl" .}}
 \ No newline at end of file
diff --git a/web/template/oob.tmpl b/web/template/oob.tmpl
index 0328df9bd..f96956f7a 100644
--- a/web/template/oob.tmpl
+++ b/web/template/oob.tmpl
@@ -17,10 +17,11 @@
 */ -}}
 
 {{ template "header.tmpl" .}}
-    <main>
-        <h1>Hi {{ .user }}!</h1>
-        <p>Here's your out-of-band token with scope <em>{{.scope}}</em>:</p>
-        <p><code>{{ .oobToken }}</code><p>
-        <p>Use it wisely!</p>
-    </main>
+<main>
+	<section class="oob-token">
+		<h1>Hi {{ .user }}!</h1>
+		<p>Here's your out-of-band token with scope "<em>{{.scope}}</em>", use it wisely:</p>
+		<code>{{ .oobToken }}</code>
+	</section>
+</main>
 {{ template "footer.tmpl" .}}
 \ No newline at end of file