Finalized design for JWT reset password. closes #129

Author: jadjoubran

angular/app/components/forgot-password/forgot-password.component.html

@@ -1,6 +1,6 @@
-<form ng-submit="vm.submit()" class="ForgotPassword-form" layout="row" layout-align="center center">
+<form ng-submit="vm.submit()" class="ForgotPassword-form">
     <div>
-        <md-input-container class="ForgotPassword-input">
+        <md-input-container>
             <label>Email</label>
             <input type="email" ng-model="vm.email">
         </md-input-container>

angular/app/components/forgot-password/forgot-password.less

@@ -1,7 +1,3 @@
-.ForgotPassword-form{
-    min-height: 200px;
-}
-
 .ForgotPassword-input{
     margin-bottom: 0;
 }

angular/app/components/reset-password/reset-password.component.html

@@ -1,4 +1,4 @@
-<form class="ResetPassword-form" ng-submit="vm.submit()" layout="row" layout-align="center center">
+<form ng-submit="vm.submit()">
 
     <div ng-if="!vm.isValidToken" layout="row" layout-align="center center">
         <md-progress-circular md-mode="indeterminate"></md-progress-circular>

angular/app/components/reset-password/reset-password.less

@@ -1,7 +1,3 @@
-.ResetPassword-form{
-    min-height: 300px;
-}
-
 .ResetPassword-input{
     margin-bottom: 0;
 }

angular/app/pages/forgot-password/forgot-password.less

@@ -0,0 +1,4 @@
+.ForgotPassword-formContainer{
+    margin-top: 80px;
+    margin-bottom: 80px;
+}

angular/app/pages/forgot-password/forgot-password.page.html

@@ -1,5 +1,5 @@
 <md-content class="Page-container">
-    <div layout="column" layout-align="center center">
+    <div class="ForgotPassword-formContainer" layout="column" layout-align="center center">
 
         <h1 class="md-headline">Forgot your password?</h1>
 

angular/app/pages/reset-password/reset-password.less

@@ -0,0 +1,4 @@
+.ResetPassword-formContainer{
+    margin-top: 80px;
+    margin-bottom: 80px;
+}

angular/app/pages/reset-password/reset-password.page.html

@@ -1,5 +1,5 @@
 <md-content class="Page-container">
-    <div layout="column" layout-align="center center">
+    <div class="ResetPassword-formContainer" layout="column" layout-align="center center">
 
         <h1 class="md-headline">Reset Password</h1>