upgrade: Use style similar to /billing page.

templates/corporate/upgrade.html

@@ -5,20 +5,14 @@
 <title>{{ _("Upgrade") }} | Zulip</title>
 {% endblock %}
 
-{% block customhead %}
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-{% endblock %}
-
-{% block content %}
-
-<div class="app portico-page">
-
-    <div class="billing-upgrade-page new-style">
-        <div class="hero small-hero"></div>
-
-        <div class="page-content">
-            <div class="main">
+{% block portico_content %}
+<div id="upgrade-page" class="register-account flex full-page">
+    <div class="center-block new-style">
+        <div class="pitch">
             <h1>Upgrade {{ realm.name }} to {{ plan }}</h1>
+        </div>
+        <div class="white-box">
+            <div class="upgrade-page-details">
                 {% if free_trial_days %}
                 <div id="free-trial-alert-message" class="alert alert-info">
                     Upgrade now to start your {{ free_trial_days }} day free trial

web/styles/portico/billing.css

@@ -354,11 +354,13 @@ input[name="licenses"] {
     background-color: hsl(240deg 96% 68%);
 }
 
+#upgrade-page .white-box,
 #billing-page .white-box,
 .sponsorship-page .white-box {
     margin: 30px;
 }
 
+#upgrade-page #billing-page-details,
 #billing-page #billing-page-details,
 .sponsorship-page #sponsorship-form {
     margin: 0;
@@ -413,6 +415,7 @@ input[name="licenses"] {
     text-align: left;
 }
 
+#upgrade-page .pitch,
 #billing-page .pitch {
     width: 600px;
 }
@@ -481,6 +484,7 @@ input[name="licenses"] {
     padding-top: 0;
 }
 
+#upgrade-page-details .input-box.billing-page-field:first-child,
 #billing-page-details .input-box.billing-page-field:first-child {
     margin-top: 10px;
 }

web/styles/portico/portico_signin.css

@@ -917,6 +917,7 @@ button#register_auth_button_gitlab {
     }
 }
 
+#upgrade-page-details,
 #billing-page-details,
 #sponsorship-form,
 #registration,
@@ -968,6 +969,7 @@ button#register_auth_button_gitlab {
             }
         }
 
+        &.upgrade-page-field,
         &.billing-page-field,
         &.support-form-field,
         &.sponsorship-form-field {

web/webpack.assets.json

@@ -24,12 +24,8 @@
         "./src/billing/page_params",
         "./src/bundles/portico",
         "./src/portico/tippyjs",
-        "./src/portico/landing-page",
-        "./styles/portico/landing_page.css",
         "./src/billing/helpers",
         "./src/billing/upgrade",
-        "./src/templates",
-        "./src/loading",
         "./styles/portico/billing.css"
     ],
     "billing-event-status": [