spacing for urls, clickable lnurl

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;

src/pages/ProfilePage.js

@@ -67,12 +67,14 @@ export default function ProfilePage() {
                     </div>
                 )}
 
-                {lnurl ? <div className="lnurl f-ellipsis">
+                {lnurl && (
-                    {lnurl}
+                  <>
-                    <div className="btn btn-icon" onClick={(e) => setShowLnQr(true)}>
+                    ⚡️
-                        <FontAwesomeIcon icon={faQrcode} size="lg" />
+                    <span className="lnurl f-ellipsis" onClick={(e) => setShowLnQr(true)}>
-                    </div>
+                      {lnurl}
-                </div> : null}
+                    </span>
+                  </>
+                )}
                 <LNURLTip svc={lnurl} show={showLnQr} onClose={() => setShowLnQr(false)} />
             </div>
         )