portico: Style "confirm email change" page.

This adds the white box styling to the "confirm email change" page.

Fixes: #6706.
This commit is contained in:
Brock Whittaker
2017-09-27 09:33:34 -07:00
committed by Tim Abbott
parent de0b47fd4e
commit 945e97ec35
2 changed files with 15 additions and 6 deletions

View File

@@ -535,6 +535,10 @@ html {
margin: 0px;
}
.confirm-email-change-page .white-box {
max-width: 500px;
}
.portico-page .or {
width: 328px;
display: block;

View File

@@ -2,12 +2,17 @@
{% block portico_content %}
<div class="pitch">
<hr/>
<p>
This confirms that the email address for your Zulip account has changed
from {{old_email}} to {{ new_email }}.
</p>
<div class="app confirm-email-change-page flex full-page">
<div class="inline-block new-style">
<div class="lead">
<h1 class="get-started">{{ _('Email changed!') }}</h1>
</div>
<div class="app-main white-box">
This confirms that the email address for your Zulip account has changed
from <a href="mailto:{{old_email}}">{{old_email}}</a> to <a href="mailto:{{new_email}}">{{new_email}}</a>.
</div>
</div>
</div>
{% endblock %}