From e1b22a04e7eda1e2b7354e2ae8090bcc3e74d8e4 Mon Sep 17 00:00:00 2001
From: Aman Agrawal <amanagr@zulip.com>
Date: Tue, 3 Oct 2023 09:06:06 +0000
Subject: [PATCH] register: Fix for small widths.

---
 templates/zerver/register.html        |  2 +-
 web/styles/portico/portico_signin.css | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/templates/zerver/register.html b/templates/zerver/register.html
index a8ce41ae45..a8c405410b 100644
--- a/templates/zerver/register.html
+++ b/templates/zerver/register.html
@@ -14,7 +14,7 @@ Form is validated both client-side using jquery-validation (see signup.js) and s
 
 {% block portico_content %}
 <div class="register-account flex full-page">
-    <div class="center-block new-style" style="padding: 20px 0px">
+    <div class="center-block new-style" style="padding: 20px 0px" id="create-account">
 
         <div class="pitch">
             {% if creating_new_realm %}
diff --git a/web/styles/portico/portico_signin.css b/web/styles/portico/portico_signin.css
index e1a6ad2b2d..f476595984 100644
--- a/web/styles/portico/portico_signin.css
+++ b/web/styles/portico/portico_signin.css
@@ -1340,10 +1340,19 @@ button#register_auth_button_gitlab {
         min-height: calc(100vh - 505px);
     }
 
+    #create-account,
     #new-realm-creation {
         margin: 0 -30px;
         transform: scale(0.9);
     }
+
+    #create-account {
+        margin: -70px;
+
+        #registration {
+            padding: 0;
+        }
+    }
 }
 
 @media (width <= 400px) {
@@ -1351,17 +1360,27 @@ button#register_auth_button_gitlab {
         min-height: calc(100vh - 560px);
     }
 
+    #create-account,
     #new-realm-creation {
         margin: -10px -40px;
         transform: scale(0.8);
     }
+
+    #create-account {
+        margin: -100px;
+    }
 }
 
 @media (width <= 340px) {
+    #create-account,
     #new-realm-creation {
         margin: -40px -60px;
         transform: scale(0.7);
     }
+
+    #create-account {
+        margin: -150px;
+    }
 }
 
 .account-creation .white-box .user_email {