From 32521bf7a83a56f60ed9ed35ddc1d85ae420799a Mon Sep 17 00:00:00 2001
From: Lauryn Menard <lauryn@zulip.com>
Date: Wed, 19 Apr 2023 14:35:07 +0200
Subject: [PATCH] templates: Add CSS formatting to unsubscribe link error page.

Adds CSS formatting for `unsubscribe_link_error.html`.

Uses the `white-box` style because this page is a redirect when
there is an error when processing an unsubscribe email link.
---
 templates/zerver/unsubscribe_link_error.html | 27 ++++++++++++--------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/templates/zerver/unsubscribe_link_error.html b/templates/zerver/unsubscribe_link_error.html
index 0369aaf383..05e710a8ee 100644
--- a/templates/zerver/unsubscribe_link_error.html
+++ b/templates/zerver/unsubscribe_link_error.html
@@ -5,14 +5,21 @@
 {% endblock %}
 
 {% block portico_content %}
-
-<h1>{% trans %}Unknown email unsubscribe request{% endtrans %}</h1>
-
-<p>
-    {% trans %}Hi there! It looks like you tried to unsubscribe from something,
-    but we don't recognize the URL.{% endtrans %}
-</p>
-
-<p>{% trans %}Please double-check that you have the full URL and try again, or <a href="mailto:{{ support_email }}">email us</a> and we'll get this squared away!{% endtrans %}</p>
-
+<div class="app portico-page">
+    <div class="app-main portico-page-container center-block flex full-page account-creation new-style">
+        <div class="inline-block">
+            <div class="get-started">
+                <h1>{{ _("Unknown email unsubscribe request") }}</h1>
+            </div>
+            <div class="white-box">
+                <p>
+                    {{ _("Hi there! It looks like you tried to unsubscribe from something, but we don't recognize the URL.") }}
+                </p>
+                <p>
+                    {% trans %}Please double-check that you have the full URL and try again, or <a href="mailto:{{ support_email }}">email us</a> and we'll get this squared away!{% endtrans %}
+                </p>
+            </div>
+        </div>
+    </div>
+</div>
 {% endblock %}