From 0db3580345021473b6a4a31b8dbaf75be59ebaa2 Mon Sep 17 00:00:00 2001
From: Ushie <ushiekane@gmail.com>
Date: Mon, 5 May 2025 03:01:27 +0300
Subject: [PATCH] fix: Propagated clicks in PatchItems and casing

---
 src/routes/+error.svelte            |  5 ++++-
 src/routes/download/+page.svelte    |  2 +-
 src/routes/patches/PatchItem.svelte | 10 ++++++++--
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 7f2cf1c..5a8307a 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -13,7 +13,7 @@
 	{#if status == 404}
 		<p>This page received a cease and desist letter from a multi-billion dollar tech company.</p>
 		<br />
-		<Button type="filled" href="/">Return Home</Button>
+		<Button type="filled" href="/">Return home</Button>
 	{:else}
 		<p>
 			{$page.error?.message}
@@ -23,6 +23,9 @@
 
 <style>
 	section {
+		display: flex;
+		flex-direction: column;
+		width: fit-content;
 		text-align: center;
 		margin-top: 10rem;
 	}
diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte
index d446658..8ff443e 100644
--- a/src/routes/download/+page.svelte
+++ b/src/routes/download/+page.svelte
@@ -106,7 +106,7 @@
 			{/if}
 		</Query>
 		<Button type="tonal" href="https://github.com/revanced/revanced-manager" target="_blank">
-			View Source
+			View source
 		</Button>
 	</div>
 	<div class="screenshot">
diff --git a/src/routes/patches/PatchItem.svelte b/src/routes/patches/PatchItem.svelte
index 749115d..1b5e66f 100644
--- a/src/routes/patches/PatchItem.svelte
+++ b/src/routes/patches/PatchItem.svelte
@@ -74,7 +74,13 @@
 			{/if}
 			{#if patch.compatiblePackages[0].versions.length > 1}
 				<li class="button">
-					<Button type="text" on:click={() => (showAllVersions = !showAllVersions)}>
+					<Button
+						type="text"
+						on:click={(e) => {
+							e.stopPropagation();
+							showAllVersions = !showAllVersions;
+						}}
+					>
 						<div
 							class="expand-arrow"
 							style:transform={showAllVersions ? 'rotate(90deg)' : 'rotate(-90deg)'}
@@ -93,7 +99,7 @@
 		<span transition:fade={{ easing: quintOut, duration: 1000 }}>
 			<div class="options" transition:slide={{ easing: quintOut, duration: 500 }}>
 				{#each options as option}
-					<div class="option">
+					<div class="option" on:click|stopPropagation>
 						<h5 id="option-title">{option.title}</h5>
 						<h5>
 							<pre id="option-description">{option.description}</pre>