From 2ebc3a982a7928ec8c6a8c393a88d5ec79e8f630 Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Thu, 15 May 2025 10:01:14 +0100
Subject: [PATCH] Merge pull request #25588 from
 overleaf/td-bs5-restricted-page

Migrate restricted page to BS5

GitOrigin-RevId: 7df26700b5e3b8fb08d061fd9e211bf09ca4e956
---
 services/web/app/views/user/restricted.pug            | 11 ++++-------
 .../frontend/stylesheets/bootstrap-5/base/layout.scss |  9 +++++++++
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/services/web/app/views/user/restricted.pug b/services/web/app/views/user/restricted.pug
index 949bd9b4b6..eba1d2ab05 100644
--- a/services/web/app/views/user/restricted.pug
+++ b/services/web/app/views/user/restricted.pug
@@ -1,16 +1,13 @@
 extends ../layout-marketing
 
-block vars
-	- bootstrap5PageStatus = 'disabled'
-
 block content
 	main.content#main-content
 		.container
 			.row
-				.col-md-8.col-md-offset-2.text-center
+				.col-md-8.offset-md-2.text-center
 					.page-header
 						h2 #{translate("restricted_no_permission")}
 					p
-						a(href="/")
-							i.fa.fa-arrow-circle-o-left(aria-hidden="true")
-							|  #{translate("take_me_home")}
+						span.inline-material-symbols
+							a(href="/").material-symbols(aria-hidden="true") arrow_left_alt
+							a(href="/") #{translate("take_me_home")}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss b/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss
index a4bf73f87c..650bdc727f 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss
@@ -78,3 +78,12 @@ hr {
 .row-spaced-extra-large {
   margin-top: calc(var(--line-height-03) * 4);
 }
+
+.inline-material-symbols {
+  display: inline-flex;
+  align-items: center;
+
+  a.material-symbols {
+    text-decoration: none;
+  }
+}