From e3c18018640b2e8b288ea8971248eb06beba1352 Mon Sep 17 00:00:00 2001
From: Aadi Desai <21363892+supleed2@users.noreply.github.com>
Date: Wed, 29 May 2024 21:40:53 +0100
Subject: [PATCH] Fix Alchemy badge pointer bounds

---
 index.html | 14 ++++++--------
 styles.css |  7 +++++--
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 6108bdf..5f0b58a 100644
--- a/index.html
+++ b/index.html
@@ -148,14 +148,12 @@
 			select a specific gateway, or use one of the extra features like Opensea or Block Explorer linking</p>
 	</div>
 	<br>
-	<a href="#">
-		<picture>
-			<source srcset="https://static.alchemyapi.io/images/marketing/badgeLight.png"
-				media="(prefers-color-scheme: light)" />
-			<img onclick=logBadgeClick() id="badge-button" src="https://static.alchemyapi.io/images/marketing/badge.png"
-				alt="Alchemy Supercharged" />
-		</picture>
-	</a>
+	<picture class="alchemy-badge">
+		<source srcset="https://static.alchemyapi.io/images/marketing/badgeLight.png"
+			media="(prefers-color-scheme: light)" />
+		<img onclick=logBadgeClick() id="badge-button" src="https://static.alchemyapi.io/images/marketing/badge.png"
+			alt="Alchemy Supercharged" />
+	</picture>
 	<br>
 	<div class="social-icons">
 		<a class="social-icon" href="https://twitter.com/udlinkofficial">
diff --git a/styles.css b/styles.css
index 4715841..5a9e2dd 100644
--- a/styles.css
+++ b/styles.css
@@ -294,12 +294,15 @@ body::-webkit-scrollbar {
 	margin: 0px 10%;
 }
 
-a>picture {
+.alchemy-badge {
 	display: flex;
-	width: 100%;
 	justify-content: center;
 }
 
+.alchemy-badge>img {
+	cursor: pointer;
+}
+
 #badge-button {
 	width: calc(min(240px, 80%));
 }