From ce715aa6cf59188d94f5dc869efddc7cee1f16e9 Mon Sep 17 00:00:00 2001
From: Dobromir Popov <dobromir.popov@gateway.one>
Date: Thu, 2 May 2024 21:07:20 +0300
Subject: [PATCH] proper HTML

---
 pages/auth/signin.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/pages/auth/signin.tsx b/pages/auth/signin.tsx
index ce655e3..8a43446 100644
--- a/pages/auth/signin.tsx
+++ b/pages/auth/signin.tsx
@@ -70,15 +70,16 @@ export default function SignIn({ csrfToken }) {
                                     src="https://authjs.dev/img/providers/google.svg" className="mr-2" />
                                 Влез чрез Google
                             </button>
+                            {/* Apple Sign-In Button */}
+                            <button onClick={() => signIn('apple', { callbackUrl: '/' })}
+                                className="mt-4 flex items-center justify-center w-full py-3 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50">
+                                <img loading="lazy" height="24" width="24" alt="Apple logo"
+                                    src="https://authjs.dev/img/providers/apple.svg" className="mr-2" />
+                                Влез чрез Apple
+                            </button>
                             {/* Add more buttons for other SSO providers here in similar style */}
+
                         </div>
-                        {/* Apple Sign-In Button */}
-                        <button onClick={() => signIn('apple', { callbackUrl: '/' })}
-                            className="mt-4 flex items-center justify-center w-full py-3 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50">
-                            <img loading="lazy" height="24" width="24" alt="Apple logo"
-                                src="https://authjs.dev/img/providers/apple.svg" className="mr-2" />
-                            Влез чрез Apple
-                        </button>
 
                         {/* Divider (Optional) */}
                         <div className="w-full max-w-xs mt-8 mb-8">