From cd5a6685e8d81df92d090b98521935871fdc0ad8 Mon Sep 17 00:00:00 2001
From: mahathu <m.hoffmann@systemli.org>
Date: Fri, 25 Feb 2022 19:00:43 +0100
Subject: [PATCH] fixed button styling for disabled button

---
 client/src/components/Event.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Event.svelte b/client/src/components/Event.svelte
index 6434a53..40f6661 100644
--- a/client/src/components/Event.svelte
+++ b/client/src/components/Event.svelte
@@ -8,9 +8,10 @@
             <div class="font-light opacity-80">{event.name} ({event.state}) {event.date}</div>
             <div class="text-xl tracking-tight">{event.start_time} - {event.end_time}</div>
         </div>
-        <a href='{event.link}'><button class="px-2 py-2 text-white transition-all duration-100 bg-green-600 border-none shadow 
-        active:bg-green-700 
-        hover:bg-green-500 hover:shadow-none"
+        <a href='{event.link}'><button class="px-1 py-1 text-white transition-all duration-100 bg-green-600 border-2 border-green-600 shadow 
+        active:bg-green-700 active:border-green-700
+        hover:bg-green-500 hover:border-green-500 hover:shadow-none
+        disabled:border-gray-200 disabled:border-2 disabled:bg-transparent disabled:shadow-none"
         disabled={event.state!='available'}>Book Now</button></a>
     </div>
 </div>
\ No newline at end of file