From 24e12bfbd4acdf8eb102463868cbb0c70fac882e Mon Sep 17 00:00:00 2001
From: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
Date: Thu, 5 Jun 2025 13:05:55 +0200
Subject: [PATCH] Migrate institutional account linking pages to Bootstrap 5
 (#25900)

GitOrigin-RevId: 75734bdbde52e90305ae759789acaf4203ec49b4
---
 .../stylesheets/bootstrap-5/pages/auth.scss   | 40 +++++++++++++++++++
 .../bootstrap-5/pages/login-register.scss     | 10 +++--
 2 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
index cd23cadcee..9432892c1b 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
@@ -35,6 +35,33 @@
   padding-bottom: var(--spacing-09);
 }
 
+.login-register-container {
+  max-width: 400px;
+  margin: 0 auto;
+  padding-bottom: 125px;
+}
+
+.login-register-error-container {
+  padding-bottom: var(--spacing-05);
+  text-align: left;
+}
+
+.login-register-card {
+  padding-top: 0;
+  padding-bottom: 0;
+  text-align: center;
+}
+
+.login-register-header {
+  padding-bottom: var(--spacing-07);
+  border-bottom: solid 1px var(--border-divider);
+}
+
+.login-register-header-heading {
+  margin: 0;
+  color: var(--content-secondary);
+}
+
 .login-register-hr-text-container {
   line-height: 1;
   position: relative;
@@ -58,6 +85,19 @@
   padding: 0 var(--spacing-05);
 }
 
+.login-register-text,
+.login-register-hr-text-container {
+  margin: 0;
+}
+
+.login-register-text {
+  padding-bottom: var(--spacing-08);
+
+  &:last-child {
+    padding-bottom: 0;
+  }
+}
+
 .sso-auth-login-container {
   max-width: 400px;
   margin: 0 auto;
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss
index 25d3a42c4f..77771806a3 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss
@@ -22,9 +22,13 @@
   }
 }
 
-.login-register-error-container {
-  padding-bottom: var(--spacing-05);
-  text-align: left;
+.login-register-form {
+  padding: var(--spacing-08) var(--spacing-08) 0 var(--spacing-08);
+  border-bottom: solid 1px var(--border-divider);
+
+  &:last-child {
+    border-bottom-width: 0;
+  }
 }
 
 .form-group-password {