From 55d9646b07e229a0501aa86a5ea75186873751d6 Mon Sep 17 00:00:00 2001
From: Caspar Jojo Asaam <caspar@dyn3159-95.wlan.ic.ac.uk>
Date: Thu, 5 Jun 2025 01:26:45 +0100
Subject: [PATCH] feat: changed card style and formatting to improve clarity
 for users

Co-Authored-By: Tadios Temesgen <tt2022@ic.ac.uk>
---
 src/lib/components/SpaceCard.svelte | 6 ++++--
 src/routes/+page.svelte             | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/SpaceCard.svelte b/src/lib/components/SpaceCard.svelte
index ac4b5f5..f6d7e9b 100644
--- a/src/lib/components/SpaceCard.svelte
+++ b/src/lib/components/SpaceCard.svelte
@@ -4,16 +4,18 @@
     interface Props {
         alt: string;
         imgSrc: string;
+        title?: Snippet;
         description?: Snippet;
         href?: string;
     }
 
-    const { alt, imgSrc, description, href }: Props = $props();
+    const { alt, imgSrc, title, description, href }: Props = $props();
 </script>
 
 <a class="card" {href}>
     <img src={imgSrc} {alt} />
     <div class="description">
+        {@render title?.()}
         {@render description?.()}
     </div>
 </a>
@@ -22,7 +24,7 @@
     .card {
         display: flex;
         flex-direction: column;
-        background-color: #38353f;
+        background-color: #49bd85;
     }
     .description {
         padding: 0.5rem;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2f0002e..fe519b2 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -27,6 +27,10 @@
             href="/space/{studySpace.id}"
             imgSrc={imgUrl}
         >
+            {#snippet title()}
+                <h1>{studySpace.location}</h1>
+            {/snippet}
+
             {#snippet description()}
                 <p>{studySpace.description}</p>
             {/snippet}
-- 
2.49.1