From f47693fdd6f651d28a8a83f36f0559fed3e33395 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:39:10 +0100
Subject: [PATCH] (refactor) formatting revolut link

---
 app/ui/UserSettingsForm.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/app/ui/UserSettingsForm.tsx b/app/ui/UserSettingsForm.tsx
index fb5eec2..42f310a 100644
--- a/app/ui/UserSettingsForm.tsx
+++ b/app/ui/UserSettingsForm.tsx
@@ -10,6 +10,7 @@ import SettingsIcon from "@mui/icons-material/Settings";
 import { formatIban } from "../lib/formatStrings";
 import { InfoBox } from "./InfoBox";
 import { NoteBox } from "./NoteBox";
+import { LinkIcon } from "@heroicons/react/24/outline";
 
 export type UserSettingsFormProps = {
     userSettings: UserSettings | null;
@@ -310,13 +311,17 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
                         </div>
                          {
                             !errors?.ownerRevolutProfileName && formValues.ownerRevolutProfileName.length > 5 ? (
-                            <p className="p-3 text-center">{t("revolut-profile--test-link-label")} <Link
-                                    href={`https://revolut.me/${formValues.ownerRevolutProfileName?.replace('@', '')}?amount=100&currency=${formValues.currency}`}
-                                    target="_blank"
-                                    className="text-blue-600 underline"
-                                >
-                                    {t("revolut-profile--test-link-text")}
-                                </Link></p>
+                            <p className="p-2 text-center">
+                                    {t("revolut-profile--test-link-label")} {' '}
+                                    <LinkIcon className="h-[1.2em] w-[1.2em] inline-block ml-1 mr-1"/>
+                                    <Link
+                                        href={`https://revolut.me/${formValues.ownerRevolutProfileName?.replace('@', '')}?amount=100&currency=${formValues.currency}`}
+                                        target="_blank"
+                                        className="underline"
+                                    >
+                                        {t("revolut-profile--test-link-text")}
+                                    </Link>
+                                </p>
                             ) : null
                          }
                     </div>