design fixes for reset password #129

Author: jadjoubran

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

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

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

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

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

@@ -1,21 +1,21 @@
-<div class="ResetPassword-loader" ng-if="!vm.isValidToken" layout="row" layout-align="center center">
-    <md-progress-circular md-mode="indeterminate"></md-progress-circular>
-</div>
+<form class="ResetPassword-form" ng-submit="vm.submit()" layout="row" layout-align="center center">
 
-<form ng-submit="vm.submit()" ng-show="vm.isValidToken">
-    <div>
-        <md-input-container>
+    <div ng-if="!vm.isValidToken" layout="row" layout-align="center center">
+        <md-progress-circular md-mode="indeterminate"></md-progress-circular>
+    </div>
+
+    <div ng-show="vm.isValidToken">
+        <md-input-container class="ResetPassword-input">
             <label>Password</label>
             <input type="password" ng-model="vm.password">
         </md-input-container>
-    </div>
 
-    <div>
-        <md-input-container>
+        <md-input-container class="ResetPassword-input">
             <label>Confirm Password</label>
             <input type="password" ng-model="vm.password_confirmation">
         </md-input-container>
+
+        <md-button type="submit" class="md-primary md-raised">Submit</md-button>
     </div>
 
-    <md-button type="submit" class="md-primary md-raised">Submit</md-button>
 </form>

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

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

app/Http/Controllers/Auth/PasswordResetController.php

@@ -29,7 +29,7 @@ public function sendResetLinkEmail(Request $request)
 
         Mail::send('auth.reset_link', compact('email', 'token'), function ($mail) use ($email) {
             $mail->to($email)
-            ->from('noreply@localhost')
+            ->from('noreply@example.com')
             ->subject('Password reset link');
         });
 

resources/views/auth/reset_link.blade.php

@@ -1,3 +1,5 @@
 Your reset password link:
 
+<a href="http://localhost:8000/#/reset-password/{{$email}}/{{$token}}">
 http://localhost:8000/#/reset-password/{{$email}}/{{$token}}
+</a>