From 867f0f43f69024a10df7a18f49cf3653a79e2f0a Mon Sep 17 00:00:00 2001
From: OllyNicholass <OllyNicholass@users.noreply.github.com>
Date: Tue, 22 Oct 2024 22:18:59 +0100
Subject: [PATCH] refactor(#35): center text in avatar button

---
 src/lib/components/Nav.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Nav.svelte b/src/lib/components/Nav.svelte
index b562109..3def3ab 100644
--- a/src/lib/components/Nav.svelte
+++ b/src/lib/components/Nav.svelte
@@ -76,11 +76,11 @@
       <!-- User Account Dropdown -->
       <Dropdown posRight>
         <div slot="dropdown">
-          <div class="btn btn-ghost btn-circle avatar">
+          <div class="btn btn-ghost btn-circle avatar placeholder">
             <div class="w-10 rounded-full">
               {#if session?.user}
                 <div class="user-circle text-primary-content border-primary-content">
-                  {session?.user.email ? session?.user.email[0].toUpperCase() : '?'}
+                  <span class="text-xl">{session?.user.email ? session?.user.email[0].toUpperCase() : '?'}</span>
                 </div>
               {:else}
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">