From 3482028ceec80abbef3099c2850e5b9adedc178a Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Mon, 14 Aug 2023 11:54:02 +0200
Subject: [PATCH] refactor: improve canvas and unordered list

---
 src/routes/toolbox/+page.svelte | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/routes/toolbox/+page.svelte b/src/routes/toolbox/+page.svelte
index af04325..8a38042 100644
--- a/src/routes/toolbox/+page.svelte
+++ b/src/routes/toolbox/+page.svelte
@@ -27,7 +27,7 @@
 			</p>
 		</div>
 		<div class="md:col-span-1 flex justify-end">
-			<div class="h-60 w-full">
+			<div class="h-60 md:h-full w-full">
 				<Canvas>
 					<Scene />
 				</Canvas>
@@ -35,15 +35,17 @@
 		</div>
 	</div>
 
-	<div class="columns-1 md:columns-2 lg:columns-3 gap-6 w-full mb-12">
+	<ul class="columns-1 md:columns-2 lg:columns-3 gap-6 w-full mb-12">
 		{#each tools as tool}
-			<ToolCard
-				name={tool.name}
-				title={tool.title}
-				description={tool.description}
-				logo={tool.logo}
-				toolUrl={tool.toolUrl}
-			/>
+			<li>
+				<ToolCard
+					name={tool.name}
+					title={tool.title}
+					description={tool.description}
+					logo={tool.logo}
+					toolUrl={tool.toolUrl}
+				/>
+			</li>
 		{/each}
-	</div>
+	</ul>
 </div>