From bb2d7950fe03246082672a45fe2d377d14f95c97 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Sun, 15 Jan 2023 23:34:15 +0100
Subject: [PATCH] spacing for urls, clickable lnurl

---
 src/pages/ProfilePage.css | 13 +++++++------
 src/pages/ProfilePage.js  | 14 ++++++++------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/pages/ProfilePage.css b/src/pages/ProfilePage.css
index 507cff9..e10a6e9 100644
--- a/src/pages/ProfilePage.css
+++ b/src/pages/ProfilePage.css
@@ -105,11 +105,17 @@
 
 .profile .website {
     color: var(--highlight);
-    margin-bottom: 4px;
+    margin: 6px 0;
 }
 
 .profile .lnurl {
     color: var(--highlight);
+    margin: 6px 0;
+    cursor: pointer;
+}
+
+.profile .lnurl:hover {
+    text-decoration: underline;
 }
 
 .profile .btn-icon {
@@ -128,11 +134,6 @@
     text-overflow: ellipsis;
 }
 
-.profile .lnurl::before {
-    content: '⚡️ ';
-    font-size: 10px;
-}
-
 .profile .details-wrapper {
     display: flex;
     flex-direction: column;
diff --git a/src/pages/ProfilePage.js b/src/pages/ProfilePage.js
index a1ca626..cde51d5 100644
--- a/src/pages/ProfilePage.js
+++ b/src/pages/ProfilePage.js
@@ -67,12 +67,14 @@ export default function ProfilePage() {
                     </div>
                 )}
 
-                {lnurl ? <div className="lnurl f-ellipsis">
-                    {lnurl}
-                    <div className="btn btn-icon" onClick={(e) => setShowLnQr(true)}>
-                        <FontAwesomeIcon icon={faQrcode} size="lg" />
-                    </div>
-                </div> : null}
+                {lnurl && (
+                  <>
+                    ⚡️
+                    <span className="lnurl f-ellipsis" onClick={(e) => setShowLnQr(true)}>
+                      {lnurl}
+                    </span>
+                  </>
+                )}
                 <LNURLTip svc={lnurl} show={showLnQr} onClose={() => setShowLnQr(false)} />
             </div>
         )