fix: tweak dialogue, patch item, contributors ui

src/routes/contributors/+page.svelte

@@ -82,11 +82,18 @@
 		transition: all 0.3s var(--bezier-one);
 	}
 
+	a:hover {
+		text-decoration: underline;
+		text-decoration-style: wavy;
+		text-decoration-color: var(--grey-four);
+	}
+
 	a:hover::after {
 		transform: translateX(5px);
 	}
 	@media screen and (max-width: 768px) {
 		.text-container {
+			padding: 2rem 1.75rem;
 			margin-bottom: 2rem;
 		}
 	}

src/routes/contributors/ContributorPerson.svelte

@@ -36,6 +36,7 @@
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
+		padding: 0.25rem 0;
 	}
 
 	img {

src/routes/contributors/ContributorSection.svelte

@@ -21,7 +21,7 @@
 		on:click={() => (expanded = !expanded)}
 		on:keypress={() => (expanded = !expanded)}
 	>
-		<a href="https://github.com/{repo}" rel="noreferrer" target="_blank">
+		<a href="https://github.com/{repo}" rel="noreferrer" target="_blank" on:click|stopPropagation>
 			<h4>{repo_name}</h4>
 		</a>
 		<img
@@ -72,7 +72,6 @@
 	}
 
 	a {
-		transition: all 0.3s var(--bezier-one);
 		display: flex;
 		text-decoration: none;
 		width: max-content;

src/routes/patches/PatchItem.svelte

@@ -32,14 +32,14 @@
 				target="_blank"
 				rel="noreferrer"
 			>
-				<li class="patch-info">📦 {pkg.name} ·</li>
+				<li class="patch-info">📦 {pkg.name}</li>
 			</a>
 		{/each}
 
 		<!-- should i hardcode this to get the version of the first package? idk you cant stop me -->
 		{#if patch.compatiblePackages.length && patch.compatiblePackages[0].versions.length}
 			<li class="patch-info">
-				🎯 {patch.compatiblePackages[0].versions.slice(-1)} ·
+				🎯 {patch.compatiblePackages[0].versions.slice(-1)}
 			</li>
 		{/if}
 
@@ -47,10 +47,8 @@
 			<li class="patch-info">🌎 Universal patch</li>
 		{/if}
 
-		<li class="patch-info">🧩 {patch.version}</li>
-
 		{#if hasPatchOptions}
-			<li class="patch-info">· ⚙️ Patch options</li>
+			<li class="patch-info">⚙️ Patch options</li>
 		{/if}
 	</ul>
 
@@ -84,6 +82,9 @@
 		font-size: 0.8rem;
 		font-weight: 500;
 		color: var(--grey-five);
+		padding: 0.25rem 0.5rem;
+		border: 1px solid var(--grey-three);
+		border-radius: 8px;
 	}
 
 	a {