From 913a8b288e6476fc140061c2562195be2f94452d Mon Sep 17 00:00:00 2001
From: Damien Sedgwick <damienksedgwick@gmial.com>
Date: Wed, 16 Oct 2024 20:42:57 +0100
Subject: [PATCH] fix: reduced avatar size and relocated theme toggle

---
 packages/frontpage/app/(app)/layout.tsx           | 10 ++++++----
 packages/frontpage/lib/components/user-avatar.tsx |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/frontpage/app/(app)/layout.tsx b/packages/frontpage/app/(app)/layout.tsx
index 0c200083..233083e3 100644
--- a/packages/frontpage/app/(app)/layout.tsx
+++ b/packages/frontpage/app/(app)/layout.tsx
@@ -48,6 +48,7 @@ export default async function Layout({
               <Link href="/post/new">New</Link>
             </Button>
           ) : null}
+          <ThemeToggle />
           <Suspense>
             <LoginOrLogout />
           </Suspense>
@@ -66,9 +67,6 @@ export default async function Layout({
             @unravel.fyi <OpenInNewWindowIcon className="inline" />
           </a>
         </p>
-        <div>
-          <ThemeToggle />
-        </div>
       </footer>
     </div>
   );
@@ -132,5 +130,9 @@ async function LoginOrLogout() {
     );
   }
 
-  return <Link href="/login">Login</Link>;
+  return (
+    <Button variant="outline" asChild>
+      <Link href="/login">Login</Link>
+    </Button>
+  );
 }
diff --git a/packages/frontpage/lib/components/user-avatar.tsx b/packages/frontpage/lib/components/user-avatar.tsx
index 4adf7fa7..1e0c3fc0 100644
--- a/packages/frontpage/lib/components/user-avatar.tsx
+++ b/packages/frontpage/lib/components/user-avatar.tsx
@@ -5,7 +5,7 @@ import { DID } from "../data/atproto/did";
 
 const userAvatarSizes = {
   small: 22,
-  smedium: 50,
+  smedium: 36,
   medium: 100,
   large: 150,
 };