From dfadaa28f6153f65d8c453dd9ba16dcbfaf34a19 Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Sat, 14 Apr 2018 16:16:29 +0100
Subject: [PATCH] Updated reset-password flow design

Fixes #800
---
 .../views/auth/passwords/email.blade.php      | 29 ++++++-----
 .../views/auth/passwords/reset.blade.php      | 48 +++++++++----------
 2 files changed, 40 insertions(+), 37 deletions(-)

diff --git a/resources/views/auth/passwords/email.blade.php b/resources/views/auth/passwords/email.blade.php
index 6722dc441..38f5cc07a 100644
--- a/resources/views/auth/passwords/email.blade.php
+++ b/resources/views/auth/passwords/email.blade.php
@@ -11,23 +11,26 @@
 
 
     <div class="text-center">
-        <div class="center-box text-left">
-            <h1>{{ trans('auth.reset_password') }}</h1>
+        <div class="card center-box">
+            <h3>@icon('permission') {{ trans('auth.reset_password') }}</h3>
 
-            <p class="muted small">{{ trans('auth.reset_password_send_instructions') }}</p>
+            <div class="body">
+                <p class="muted small">{{ trans('auth.reset_password_send_instructions') }}</p>
 
-            <form action="{{ baseUrl("/password/email") }}" method="POST">
-                {!! csrf_field() !!}
+                <form action="{{ baseUrl("/password/email") }}" method="POST">
+                    {!! csrf_field() !!}
 
-                <div class="form-group">
-                    <label for="email">{{ trans('auth.email') }}</label>
-                    @include('form/text', ['name' => 'email'])
-                </div>
+                    <div class="form-group">
+                        <label for="email">{{ trans('auth.email') }}</label>
+                        @include('form/text', ['name' => 'email'])
+                    </div>
+
+                    <div class="from-group text-right">
+                        <button class="button primary">{{ trans('auth.reset_password_send_button') }}</button>
+                    </div>
+                </form>
+            </div>
 
-                <div class="from-group">
-                    <button class="button block pos">{{ trans('auth.reset_password_send_button') }}</button>
-                </div>
-            </form>
         </div>
     </div>
 
diff --git a/resources/views/auth/passwords/reset.blade.php b/resources/views/auth/passwords/reset.blade.php
index f76a1d7c2..0f66bd473 100644
--- a/resources/views/auth/passwords/reset.blade.php
+++ b/resources/views/auth/passwords/reset.blade.php
@@ -7,38 +7,38 @@
     @endif
 @stop
 
-@section('body-class', 'image-cover login')
-
 @section('content')
 
-
     <div class="text-center">
-        <div class="center-box text-left">
-            <h1>{{ trans('auth.reset_password') }}</h1>
+        <div class="card center-box">
+            <h3>@icon('permission') {{ trans('auth.reset_password') }}</h3>
 
-            <form action="{{ baseUrl("/password/reset") }}" method="POST">
-                {!! csrf_field() !!}
-                <input type="hidden" name="token" value="{{ $token }}">
+            <div class="body">
+                <form action="{{ baseUrl("/password/reset") }}" method="POST">
+                    {!! csrf_field() !!}
+                    <input type="hidden" name="token" value="{{ $token }}">
 
-                <div class="form-group">
-                    <label for="email">{{ trans('auth.email') }}</label>
-                    @include('form/text', ['name' => 'email'])
-                </div>
+                    <div class="form-group">
+                        <label for="email">{{ trans('auth.email') }}</label>
+                        @include('form/text', ['name' => 'email'])
+                    </div>
 
-                <div class="form-group">
-                    <label for="password">{{ trans('auth.password') }}</label>
-                    @include('form/password', ['name' => 'password'])
-                </div>
+                    <div class="form-group">
+                        <label for="password">{{ trans('auth.password') }}</label>
+                        @include('form/password', ['name' => 'password'])
+                    </div>
 
-                <div class="form-group">
-                    <label for="password_confirmation">{{ trans('auth.password_confirm') }}</label>
-                    @include('form/password', ['name' => 'password_confirmation'])
-                </div>
+                    <div class="form-group">
+                        <label for="password_confirmation">{{ trans('auth.password_confirm') }}</label>
+                        @include('form/password', ['name' => 'password_confirmation'])
+                    </div>
+
+                    <div class="from-group text-right">
+                        <button class="button primary">{{ trans('auth.reset_password') }}</button>
+                    </div>
+                </form>
+            </div>
 
-                <div class="from-group">
-                    <button class="button block pos">{{ trans('auth.reset_password') }}</button>
-                </div>
-            </form>
         </div>
     </div>