From edd93b1d1dafc2832775857c03c76589e242e20a Mon Sep 17 00:00:00 2001
From: Arik Chakma <arikchangma@gmail.com>
Date: Fri, 31 Mar 2023 18:15:29 +0600
Subject: [PATCH] fix: button size

---
 src/components/Login/account-dropdown.tsx |  4 ++--
 src/components/Login/account-nav.tsx      | 10 ++++------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/Login/account-dropdown.tsx b/src/components/Login/account-dropdown.tsx
index 30b1889a5..16fb057c7 100644
--- a/src/components/Login/account-dropdown.tsx
+++ b/src/components/Login/account-dropdown.tsx
@@ -18,10 +18,10 @@ export default function AccountDropdown() {
   return (
     <div className="relative">
       <button
-        className="flex h-10 w-32 items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600"
+        className="flex h-8 w-24 items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600"
         onClick={() => setIsOpen((p) => !p)}
       >
-        <span className="mr-2">Account</span>
+        <span>Account</span>
       </button>
 
       <div
diff --git a/src/components/Login/account-nav.tsx b/src/components/Login/account-nav.tsx
index b9b3c82dd..71765c654 100644
--- a/src/components/Login/account-nav.tsx
+++ b/src/components/Login/account-nav.tsx
@@ -1,6 +1,4 @@
-import Cookies from 'js-cookie';
 import { useAuth } from '../../hooks/use-auth';
-import { TOKEN_COOKIE_NAME } from '../../lib/utils';
 import AccountDropdown from './account-dropdown';
 
 export default function AccountNavigation() {
@@ -11,7 +9,7 @@ export default function AccountNavigation() {
   return (
     <div>
       {isLoading ? (
-        <div className="flex h-10 w-32 items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm text-white hover:from-blue-500 hover:to-blue-600">
+        <div className="flex h-8 w-24 items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm text-white hover:from-blue-500 hover:to-blue-600">
           <Spinner className="text-white" />
         </div>
       ) : (
@@ -20,10 +18,10 @@ export default function AccountNavigation() {
             <AccountDropdown />
           ) : (
             <a
-              className="flex h-10 w-32 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600"
+              className="flex h-8 w-24 cursor-pointer items-center justify-center rounded-full bg-gradient-to-r from-blue-500 to-blue-700 py-2 px-4 text-sm font-medium text-white hover:from-blue-500 hover:to-blue-600"
               href="/signup"
             >
-              <span className="mr-2">Register</span>
+              <span>Register</span>
             </a>
           )}
         </>
@@ -32,7 +30,7 @@ export default function AccountNavigation() {
   );
 }
 
-export function Spinner({className}: {className?: string}) {
+export function Spinner({ className }: { className?: string }) {
   return (
     <svg
       className={`h-5 w-5 animate-spin ${className}`}