refactor: consistent auth templates (#26)

Author: alexbarnsley

resources/views/auth/forgot-password.blade.php

@@ -14,7 +14,9 @@
 @section('content')
     <div class="container mx-auto">
         <div class="mx-auto my-8 md:w-3/4 lg:w-3/5 xl:w-1/2">
-            <h1 class="mx-4 text-2xl font-bold md:text-4xl md:mx-8 xl:mx-16">@lang('fortify::auth.forgot-password.page_header')</h1>
+            <h1 class="mx-4 text-2xl font-bold md:text-4xl md:mx-8 xl:mx-16 text-center">
+                @lang('fortify::auth.forgot-password.page_header')
+            </h1>
 
             <div class="px-8">
                 <x-ark-flash />
@@ -42,10 +44,12 @@ class="w-full"
                         </div>
                     </div>
 
-                    <div class="flex flex-col-reverse sm:flex-row w-full justify-between items-center space-y-2 sm:space-y-0">
-                        <a href="{{ route('login') }}" class="link mt-8 sm:mt-0">Cancel</a>
+                    <div class="flex flex-col-reverse space-y-4 sm:space-y-0 sm:flex-row items-center justify-between">
+                        <div class="flex-1 mt-8 sm:mt-0">
+                            <a href="{{ route('login') }}" class="link">@lang('fortify::actions.cancel')</a>
+                        </div>
 
-                        <button type="submit" class="w-full button-secondary sm:w-auto">
+                        <button type="submit" class="w-full button-secondary md:w-auto">
                             @lang('fortify::auth.forgot-password.reset_link')
                         </button>
                     </div>

resources/views/auth/login.blade.php

@@ -77,14 +77,14 @@ class="w-full"
                         </div>
                     </div>
 
-                    <div class="flex flex-col-reverse space-y-4 sm:space-y-0 sm:flex-row justify-between">
+                    <div class="flex flex-col-reverse space-y-4 sm:space-y-0 sm:flex-row items-center justify-between">
                         @if(Route::has('password.request'))
-                            <div class="flex-1 m-auto mt-8 sm:mt-0">
+                            <div class="flex-1 mt-8 sm:mt-0">
                                 <a href="{{ route('password.request') }}" class="link">@lang('fortify::auth.sign-in.forgot_password')</a>
                             </div>
                         @endif
 
-                        <button type="submit" class="button-secondary">
+                        <button type="submit" class="w-full button-secondary md:w-auto">
                             @lang('fortify::actions.sign_in')
                         </button>
                     </div>

resources/views/auth/reset-password.blade.php

@@ -14,7 +14,9 @@
 @section('content')
     <div class="container mx-auto">
         <div class="mx-auto my-8 md:w-3/4 lg:w-3/5 xl:w-1/2">
-            <h1 class="mx-4 text-2xl font-bold md:text-4xl md:mx-8 xl:mx-16">@lang('fortify::auth.reset-password.page_header')</h1>
+            <h1 class="mx-4 text-2xl font-bold md:text-4xl md:mx-8 xl:mx-16 text-center">
+                @lang('fortify::auth.reset-password.page_header')
+            </h1>
 
             <div class="mt-5 lg:mt-8">
                 <form
@@ -74,10 +76,12 @@ class="w-full"
                         </div>
                     </div>
 
-                    <div class="flex flex-col md:flex-row w-full justify-between items-center space-y-2 md:space-y-0">
-                        <a href="{{ route('login') }}" class="link">@lang('fortify::actions.cancel')</a>
+                    <div class="flex flex-col-reverse space-y-4 sm:space-y-0 sm:flex-row items-center justify-between">
+                        <div class="flex-1 mt-8 sm:mt-0">
+                            <a href="{{ route('login') }}" class="link">@lang('fortify::actions.cancel')</a>
+                        </div>
 
-                        <button type="submit" class="w-full button-primary md:w-auto">
+                        <button type="submit" class="w-full button-secondary md:w-auto">
                             @lang('fortify::actions.reset_password')
                         </button>
                     </div>

resources/views/auth/two-factor-challenge.blade.php

@@ -14,7 +14,9 @@
 @section('content')
     <div class="container mx-auto" x-data="{ recovery: false }">
         <div class="mx-auto my-8 md:w-3/4 lg:w-3/5 xl:w-1/2">
-            <h1 class="mx-4 text-2xl font-bold md:text-4xl md:mx-8 xl:mx-16">@lang('fortify::auth.two-factor.page_header')</h1>
+            <h1 class="mx-4 text-2xl font-bold md:text-4xl md:mx-8 xl:mx-16 text-center">
+                @lang('fortify::auth.two-factor.page_header')
+            </h1>
 
             <div class="mt-5 lg:mt-8">
                 <form
@@ -52,7 +54,7 @@ class="w-full"
                     </div>
 
                     <div class="text-right mt-8">
-                        <button type="submit" class="w-full button-primary sm:w-auto">
+                        <button type="submit" class="w-full button-secondary sm:w-auto">
                             @lang('fortify::actions.verify')
                         </button>
                     </div>