From 601d8101f5e6a7726c97f0e5b6347a1df82093e7 Mon Sep 17 00:00:00 2001
From: Lauryn Menard <lauryn@zulip.com>
Date: Wed, 19 Apr 2023 16:22:46 +0200
Subject: [PATCH] templates: Add CSS formatting to no available licenses page.

Adds CSS formatting for `no_spare_licenses.html`.

Uses the `white-box` style because this page is a redirect when
a user tries to register for a Zulip Cloud organization that does
not have any available licenses for new users.

Updates reference to `realm_name` to be a link to the `realm_uri`.
---
 templates/zerver/no_spare_licenses.html | 29 +++++++++++++++----------
 zerver/tests/test_invite.py             |  2 +-
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/templates/zerver/no_spare_licenses.html b/templates/zerver/no_spare_licenses.html
index 9aacbb210b..46cb35384c 100644
--- a/templates/zerver/no_spare_licenses.html
+++ b/templates/zerver/no_spare_licenses.html
@@ -5,16 +5,21 @@
 {% endblock %}
 
 {% block portico_content %}
-<br/>
-<br/>
-<br/>
-
-<h3>{{ _("This organization cannot accept new members right now.") }}</h3>
-
-<p>
-    {% trans %}
-    New members cannot join this organization because all Zulip licenses are currently in use. Please contact the person who
-    invited you and ask them to increase the number of licenses, then try again.
-    {% 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>{{ _("Organization cannot accept new members right now") }}</h1>
+            </div>
+            <div class="white-box">
+                <p>
+                    {% trans %}New members cannot currently join <a href="{{ realm_uri }}">{{ realm_name }}</a> because all Zulip Cloud licenses are in use.{% endtrans %}
+                </p>
+                <p>
+                    {{ _("Please contact the person who invited you and ask them to increase the number of licenses, then try again.") }}
+                </p>
+            </div>
+        </div>
+    </div>
+</div>
 {% endblock %}
diff --git a/zerver/tests/test_invite.py b/zerver/tests/test_invite.py
index c825e4cca3..b3ec2f722f 100644
--- a/zerver/tests/test_invite.py
+++ b/zerver/tests/test_invite.py
@@ -1542,7 +1542,7 @@ so we didn't send them an invitation. We did send invitations to everyone else!"
         self.client_post(url, {"key": registration_key, "from_confirmation": 1, "full_name": "bob"})
         response = self.submit_reg_form_for_user(email, "password", key=registration_key)
         self.assert_in_success_response(
-            ["New members cannot join this organization because all Zulip licenses are"], response
+            ["Organization cannot accept new members right now"], response
         )
 
         guest_prereg_user = PreregistrationUser.objects.create(