From 4c7a423a4dce3c3692990b4534522a3b605e40a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Mon, 24 Nov 2025 16:35:20 +0100
Subject: [PATCH] feat: formatting revolut link

---
 app/ui/ViewLocationCard.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/ui/ViewLocationCard.tsx b/app/ui/ViewLocationCard.tsx
index b17bafb..7afc03c 100644
--- a/app/ui/ViewLocationCard.tsx
+++ b/app/ui/ViewLocationCard.tsx
@@ -9,7 +9,7 @@ import { ViewBillBadge } from "./ViewBillBadge";
 import { Pdf417Barcode } from "./Pdf417Barcode";
 import { EncodePayment, PaymentParams } from "hub-3a-payment-encoder";
 import Link from "next/link";
-import { DocumentIcon } from "@heroicons/react/24/outline";
+import { DocumentIcon, LinkIcon } from "@heroicons/react/24/outline";
 import { uploadUtilBillsProofOfPayment } from "../lib/actions/locationActions";
 import QRCode from "react-qr-code";
 
@@ -156,10 +156,11 @@ export const ViewLocationCard:FC<ViewLocationCardProps> = ({location, userSettin
                                     <QRCode value={revolutPaymentUrl} size={200} className="p-4 bg-white border border-gray-300 rounded-box" />
                                 </div>
                                 <p className="text-center mt-1 mb-3">
+                                    <LinkIcon className="h-[1em] w-[1em] text-2xl inline-block mr-1 ml-[-.5em]"/>
                                     <Link
                                         href={revolutPaymentUrl}
                                         target="_blank"
-                                        className="text-blue-600 underline"
+                                        className="underline"
                                     >
                                         {t("revolut-link-text")}
                                     </Link>