From 92186504a56f5c7d2c1c5a03bcdeeecf46b2ccf3 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Sun, 15 Jun 2025 16:37:48 +1000
Subject: [PATCH 1/3] redesign gmae page

---
 src/lib/components/play.svelte | 41 +++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/src/lib/components/play.svelte b/src/lib/components/play.svelte
index 4359c9bf..786d61c3 100644
--- a/src/lib/components/play.svelte
+++ b/src/lib/components/play.svelte
@@ -60,28 +60,29 @@
 	});
 </script>
 
-<div class="flex h-full w-full flex-row gap-3 p-3">
-	<iframe src={gmaedata?.url} frameborder="0" class="flex-grow rounded" title={gmaedata?.name}
-	></iframe>
+<div class="flex h-full w-full flex-col gap-3 p-3">
+	<iframe src={gmaedata?.url} frameborder="0" class="grow rounded" title={gmaedata?.name}></iframe>
 
-	<div class="flex h-full w-72 flex-col gap-2">
-		<a href="/" class={clsx(badgeVariants({ variant: 'secondary' }), 'w-fit')}
-			>{gmaedata?.category}<ArrowRight class="ml-1 size-3" /></a
-		>
-		<h1 class="text-4xl font-bold">{gmaedata?.name}</h1>
-		<div class="flex w-full flex-row flex-wrap gap-2">
-			{#each gmaedata?.tags || [] as tag}
-				<Badge variant="default">#{tag}</Badge>
-			{/each}
-			{#each gmaedata?.links || [] as link}
-				<a href={link.url} target="_blank" class={badgeVariants({ variant: 'outline' })}>
-					<OpenInNewTab class="mr-1 size-3" />{link.name}
-				</a>
-			{/each}
+	<div class="flex w-full flex-col gap-2 md:flex-row">
+		<div class="flex flex-col gap-2">
+			<a href="/" class={clsx(badgeVariants({ variant: 'secondary' }), 'w-fit')}
+				>{gmaedata?.category}<ArrowRight class="ml-1 size-3" /></a
+			>
+			<h1 class="text-4xl font-bold">{gmaedata?.name}</h1>
+			<div class="flex w-full flex-row flex-wrap gap-2">
+				{#each gmaedata?.tags || [] as tag}
+					<Badge variant="default">#{tag}</Badge>
+				{/each}
+				{#each gmaedata?.links || [] as link}
+					<a href={link.url} target="_blank" class={badgeVariants({ variant: 'outline' })}>
+						<OpenInNewTab class="mr-1 size-3" />{link.name}
+					</a>
+				{/each}
+			</div>
+			<p class="text-xl">{gmaedata?.description}</p>
 		</div>
-		<p class="text-xl">{gmaedata?.description}</p>
-		<div class="flex-grow"></div>
-		<div class="flex flex-col gap-3">
+		<div class="grow"></div>
+		<div class="flex min-w-72 flex-col gap-3">
 			<Drawer.Root direction="right">
 				<Drawer.Trigger class={buttonVariants({ variant: 'outline' })}>
 					<Comment class="h-6 w-6" />

From 6b49a7873969c2f02fd482c79f75fa239e6e32fb Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Sun, 15 Jun 2025 16:46:59 +1000
Subject: [PATCH 2/3] Add rel attrib

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---
 src/lib/components/play.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/play.svelte b/src/lib/components/play.svelte
index 786d61c3..4c40807d 100644
--- a/src/lib/components/play.svelte
+++ b/src/lib/components/play.svelte
@@ -74,7 +74,7 @@
 					<Badge variant="default">#{tag}</Badge>
 				{/each}
 				{#each gmaedata?.links || [] as link}
-					<a href={link.url} target="_blank" class={badgeVariants({ variant: 'outline' })}>
+					<a href={link.url} target="_blank" rel="noopener noreferrer" class={badgeVariants({ variant: 'outline' })}>
 						<OpenInNewTab class="mr-1 size-3" />{link.name}
 					</a>
 				{/each}

From 36ac412ea34cc68291562062b912b9ac699fdcb2 Mon Sep 17 00:00:00 2001
From: Inglan <Inglan@users.noreply.github.com>
Date: Sun, 15 Jun 2025 06:47:37 +0000
Subject: [PATCH 3/3] Prettified Code!

---
 src/lib/components/play.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/play.svelte b/src/lib/components/play.svelte
index 4c40807d..9244ed76 100644
--- a/src/lib/components/play.svelte
+++ b/src/lib/components/play.svelte
@@ -74,7 +74,12 @@
 					<Badge variant="default">#{tag}</Badge>
 				{/each}
 				{#each gmaedata?.links || [] as link}
-					<a href={link.url} target="_blank" rel="noopener noreferrer" class={badgeVariants({ variant: 'outline' })}>
+					<a
+						href={link.url}
+						target="_blank"
+						rel="noopener noreferrer"
+						class={badgeVariants({ variant: 'outline' })}
+					>
 						<OpenInNewTab class="mr-1 size-3" />{link.name}
 					</a>
 				{/each}