From 14e0b47596655a90eb38251e312fdeeb8f618cbe Mon Sep 17 00:00:00 2001
From: sparshg <43041139+sparshg@users.noreply.github.com>
Date: Thu, 3 Oct 2024 01:14:46 +0530
Subject: [PATCH] leave button styling

---
 app/src/lib/join.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/src/lib/join.svelte b/app/src/lib/join.svelte
index 08c751e..bab23ba 100644
--- a/app/src/lib/join.svelte
+++ b/app/src/lib/join.svelte
@@ -23,7 +23,7 @@
 >
 	<div class="space-y-4 max-w-[70%]">
 		{#if roomCode}
-		<div class="text-center text-lg text-primary-content">Share this room code</div>
+			<div class="text-center text-lg text-primary-content">Share this room code</div>
 			<div class="space-x-2 flex flex-row justify-center items-center">
 				<div
 					class="text-3xl font-bold tracking-widest text-secondary-content font-mono bg-secondary py-3 rounded-full px-12"
@@ -62,7 +62,10 @@
 			</div>
 		{:else}
 			<div class="space-x-2 flex flex-row justify-center items-center">
-				<button class="btn btn-error text-2xl px-12 py-3 h-fit" onclick={leaveRoom}>
+				<button
+					class="w-full btn btn-outline btn-neutral text-neutral hover:border-neutral hover:bg-transparent text-xl"
+					onclick={leaveRoom}
+				>
 					Leave room
 				</button>
 			</div>