From b30072b0a590340bc202be78bee2ffdca86702c0 Mon Sep 17 00:00:00 2001
From: SX-9 <90962949+SX-9@users.noreply.github.com>
Date: Sat, 16 Nov 2024 10:07:15 +0700
Subject: [PATCH] layout changes

---
 src/routes/+page.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 29cf1ce..b028d9d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -66,7 +66,10 @@
         </div>
     </section>
     <section>
-        <h2 class="italic font-normal mt-8 text-base sm:text-lg">@<span class="underline">{data.fetched.discord.username}</span> is <span class="data-[status=idle]:text-yellow-200 data-[status=dnd]:text-red-200 data-[status=online]:text-green-200" data-status={data.fetched.discord.status}>{data.fetched.discord.status}</span> on discord</h2>
+        <h2 class="italic font-normal mt-8 text-base sm:text-lg flex justify-between items-center">
+            <span>@<span class="underline">{data.fetched.discord.username}</span></span>
+            <span class="data-[status=idle]:text-yellow-200 data-[status=dnd]:text-red-200 data-[status=online]:text-green-200" data-status={data.fetched.discord.status}><b>{data.fetched.discord.status}</b></span>
+        </h2>
         <div class="flex flex-wrap sm:justify-evenly my-4">
             {#if data.fetched.discord.spotify.song}
                 <div class="m-4">