From 2a0b23df46ceadb50afd95e40e0ece230978e79e Mon Sep 17 00:00:00 2001
From: Vishnu Ks <yo@vishnuks.com>
Date: Wed, 5 Dec 2018 13:13:52 +0530
Subject: [PATCH] portico: Move goto account page styles to
 portico-signin.scss.

---
 static/styles/portico-signin.scss    | 39 ++++++++++++++++++++++++++++
 static/styles/portico.scss           | 30 ---------------------
 templates/zerver/realm_redirect.html |  6 ++---
 3 files changed, 42 insertions(+), 33 deletions(-)

diff --git a/static/styles/portico-signin.scss b/static/styles/portico-signin.scss
index ac8720c6a0..086650e684 100644
--- a/static/styles/portico-signin.scss
+++ b/static/styles/portico-signin.scss
@@ -127,6 +127,11 @@ html {
     font-weight: 400;
 }
 
+.app-main.goto-account-page-container {
+    width: 500px;
+    font-weight: 400;
+}
+
 .app-main.confirm-continue-page-container {
     width: 400px;
     font-weight: 400;
@@ -932,6 +937,7 @@ button.login-google-button {
     .app-main.register-page-container,
     .app-main.login-page-container,
     .app-main.find-account-page-container,
+    .app-main.goto-account-page-container,
     .app-main.forgot-password-container {
         display: inline-block;
         padding: 20px;
@@ -993,3 +999,36 @@ button.login-google-button {
     height: 45px;
     width: 325px;
 }
+
+.goto-account-page {
+    #realm_redirect_subdomain {
+        text-align: right;
+        position: relative;
+        padding-right: 10px;
+    }
+
+    #realm_redirect_external_host {
+        font-size: 20px;
+        top: 13px;
+        left: 5px;
+        position: relative;
+    }
+
+    #realm_redirect_description {
+        top: 15px;
+        position: relative;
+    }
+
+    #enter-realm-button {
+        margin-top: 14px;
+    }
+
+    #find-account-section {
+        margin-top: 20px;
+        text-align: center;
+    }
+
+    .find-account-link {
+        color: hsl(165, 100.0%, 14.7%);
+    }
+}
diff --git a/static/styles/portico.scss b/static/styles/portico.scss
index 864ac08462..86d72b8fd2 100644
--- a/static/styles/portico.scss
+++ b/static/styles/portico.scss
@@ -2178,33 +2178,3 @@ input.new-organization-button {
     margin-top: 20px;
     padding-right: 10px;
 }
-
-#realm_redirect_subdomain {
-    text-align: right;
-    position: relative;
-    padding-right: 10px;
-}
-
-#realm_redirect_external_host {
-    font-size: 20px;
-    top: 13px;
-    left: 5px;
-    position: relative;
-}
-
-#realm_redirect_description {
-    top: 15px;
-    position: relative;
-}
-
-.realm-redirect-form #find-account-link {
-    color: hsl(165, 100.0%, 14.7%);
-}
-
-.realm-redirect-form #find-account-section {
-    margin-top: 20px;
-}
-
-.realm-redirect-form #enter-realm-button {
-    margin-top: 10px;
-}
diff --git a/templates/zerver/realm_redirect.html b/templates/zerver/realm_redirect.html
index e478ec1968..b6ed10061c 100644
--- a/templates/zerver/realm_redirect.html
+++ b/templates/zerver/realm_redirect.html
@@ -2,13 +2,13 @@
 
 {% block portico_content %}
 
-<div class="app find-account-page flex full-page">
+<div class="app goto-account-page flex full-page">
     <div class="inline-block new-style">
         <div class="lead">
             <h1 class="get-started">{{ _("Log in to your organization") }}</h1>
         </div>
 
-        <div class="app-main find-account-page-container white-box">
+        <div class="app-main goto-account-page-container white-box">
             <div class="realm-redirect-form">
                 <form class="form-inline" name="realm_redirect_form"
                   action="/accounts/go/?{{ request.GET.urlencode() }}" method="post">
@@ -32,7 +32,7 @@
                         <button id="enter-realm-button" type="submit">{{ _('Next') }}</button>
                         <p id="find-account-section">
                             {{ _("Can't remember your organization URL?") }}
-                            <a target="_blank" id="find-account-link" href="/accounts/find/">{{ _("Find your account.") }}</a>
+                            <a target="_blank" class="find-account-link" href="/accounts/find/">{{ _("Find your account.") }}</a>
                         </p>
                     </div>
                 </form>