From 9dc789f42526bb5de773ca2e4d91343bf8819454 Mon Sep 17 00:00:00 2001
From: Jon Friesen <jon@jonfriesen.ca>
Date: Sun, 25 Aug 2024 11:53:05 -0600
Subject: [PATCH] move transform to button.css

---
 src/content/content.js | 8 --------
 src/styles/button.css  | 4 ++++
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/content/content.js b/src/content/content.js
index e83ffd0..6366dad 100644
--- a/src/content/content.js
+++ b/src/content/content.js
@@ -23,14 +23,6 @@ function injectOrUpdateButton(config) {
 	button.className = `copy-button ${selectedStyle}`
 	button.innerHTML = `<img src="${chrome.runtime.getURL(icon)}" alt="Copy Info">`
 
-	button.addEventListener('mouseenter', () => {
-		button.style.transform = 'scale(1.05)'
-	})
-
-	button.addEventListener('mouseleave', () => {
-		button.style.transform = 'scale(1)'
-	})
-
 	button.addEventListener('click', () => {
 		const siteConfig = siteConfigs[config.siteKey]
 		const pageConfig = siteConfig.pages[config.pageKey]
diff --git a/src/styles/button.css b/src/styles/button.css
index 89377d9..fec794d 100644
--- a/src/styles/button.css
+++ b/src/styles/button.css
@@ -97,6 +97,10 @@
 	border-color: var(--retro-success-border);
 }
 
+.copy-button:hover {
+	transform: scale(1.05);
+}
+
 /* Styles for popup */
 .style-option {
 	display: inline-flex;