From 933f82b0bf98a0df11bc3ba016ff3783c5aa95c5 Mon Sep 17 00:00:00 2001
From: David Klakurka <klakurka@gmail.com>
Date: Sat, 20 Dec 2025 23:32:01 -0800
Subject: [PATCH 1/2] Fixed external site hyperlink length

---
 components/Paybutton/PaybuttonDetail.tsx         | 1 +
 components/Paybutton/paybutton-detail.module.css | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/components/Paybutton/PaybuttonDetail.tsx b/components/Paybutton/PaybuttonDetail.tsx
index bed10d55..c7fb37bf 100644
--- a/components/Paybutton/PaybuttonDetail.tsx
+++ b/components/Paybutton/PaybuttonDetail.tsx
@@ -84,6 +84,7 @@ export default ({ paybutton, refreshPaybutton, listView }: IProps): JSX.Element
           <>
             <label className={style.label_margin}>Website</label>
             <a
+              className={style.website_link}
               href={paybutton.url}
               target="_blank"
               rel="noopener noreferrer"
diff --git a/components/Paybutton/paybutton-detail.module.css b/components/Paybutton/paybutton-detail.module.css
index 88e3c085..7fd453bd 100644
--- a/components/Paybutton/paybutton-detail.module.css
+++ b/components/Paybutton/paybutton-detail.module.css
@@ -58,6 +58,13 @@
   text-decoration: underline;
 }
 
+.website_link {
+  display: inline-flex;
+  width: fit-content;
+  max-width: 100%;
+  align-self: flex-start;
+}
+
 .arrow {
   position: absolute;
   right: 0;

From 24b01554f9cc1c3aec18b4f78b023940b51072c1 Mon Sep 17 00:00:00 2001
From: David Klakurka <klakurka@gmail.com>
Date: Sat, 20 Dec 2025 23:42:58 -0800
Subject: [PATCH 2/2] Added subtle hyperlink hover style

---
 components/Paybutton/paybutton-detail.module.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/components/Paybutton/paybutton-detail.module.css b/components/Paybutton/paybutton-detail.module.css
index 7fd453bd..1f02b33e 100644
--- a/components/Paybutton/paybutton-detail.module.css
+++ b/components/Paybutton/paybutton-detail.module.css
@@ -58,6 +58,11 @@
   text-decoration: underline;
 }
 
+.paybutton_card a:hover {
+  text-decoration: underline;
+  opacity: 0.85;
+}
+
 .website_link {
   display: inline-flex;
   width: fit-content;