From b83691fd6ff3b56a4d6a5fe90da8ae4fa490c201 Mon Sep 17 00:00:00 2001
From: Brock Whittaker <brockwhittaker@Brocks-MacBook.local>
Date: Mon, 15 Aug 2016 17:07:07 -0700
Subject: [PATCH] Apply styling to password reset modal

A centered version of the modal that looks more uniform and centers vertically as the screen height changes.
---
 static/styles/portico.css | 54 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/static/styles/portico.css b/static/styles/portico.css
index a1b86148b1..94841f71fa 100644
--- a/static/styles/portico.css
+++ b/static/styles/portico.css
@@ -880,6 +880,60 @@ a.bottom-signup-button {
     color: #ddd;
 }
 
+/* -- password reset container -- */
+.password-container {
+    text-align: center;
+    margin-top: calc(50vh - 290px);
+}
+
+.password-reset {
+    display: inline-block;
+    text-align: left;
+}
+
+.password-reset .control-group .control-label {
+    display: block;
+}
+
+.password-reset .pitch {
+    width: auto;
+}
+
+.password-reset .input-group {
+    margin: 15px 0px;
+}
+
+.password-reset p {
+    margin: 0;
+}
+
+.password-reset .progress {
+    margin: 0;
+}
+
+.password-reset #email-section .fakecontrol {
+    display: inline-block;
+    margin: 0;
+}
+
+.password-reset .input-group input[type=text],
+.password-reset .input-group input[type=password] {
+    width: calc(100% - 14px);
+}
+
+.password-reset .input-group #pw_strength {
+    width: 100%;
+}
+
+.password-reset .input-group.m-t-30 {
+    margin-top: 30px;
+}
+
+@media (max-height: 600px) {
+    .password-container {
+        margin-top: 10px;
+    }
+}
 
 @media (max-width: 950px) {