better spacing for urls

src/pages/ProfilePage.css

@@ -102,20 +102,10 @@
 
 .profile .details a {
     color: var(--highlight);
+    text-decoration: none;
 }
 
-.profile .website {
-    color: var(--highlight);
-    margin: 6px 0;
-}
-
-.profile .lnurl {
-    color: var(--highlight);
-    margin: 6px 0;
-    cursor: pointer;
-}
-
-.profile .lnurl:hover {
+.profile .details a:hover {
     text-decoration: underline;
 }
 
@@ -125,16 +115,6 @@
     margin-left: 4px;
 }
 
-.profile .website::before {
-    content: '🔗 ';
-    font-size: 10px;
-}
-
-.profile .lnurl {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 .profile .details-wrapper {
     display: flex;
     flex-direction: column;
@@ -231,3 +211,39 @@
       max-width: 420px;
   }
 }
+
+.profile .links {
+    margin: 8px 12px;
+}
+
+.profile .website {
+    color: var(--highlight);
+    margin: 6px 0;
+}
+
+.profile .website a {
+    text-decoration: none;
+}
+
+.profile .website::before {
+    content: '🔗 ';
+}
+
+.profile .lnurl {
+    color: var(--highlight);
+    margin: 6px 0;
+    cursor: pointer;
+}
+
+.profile .lnurl:hover {
+    text-decoration: underline;
+}
+
+.profile .lnurl {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.profile .zap {
+    margin-right: .3em;
+}

src/pages/ProfilePage.js

@@ -61,20 +61,22 @@ export default function ProfilePage() {
             <div className="details">
                 <div>{about}</div>
 
-                {user?.website && (
-                    <div className="website f-ellipsis">
-                        <a href={user.website} target="_blank" rel="noreferrer">{user.website}</a>
-                    </div>
-                )}
+                <div className="links">
+                  {user?.website && (
+                      <div className="website f-ellipsis">
+                          <a href={user.website} target="_blank" rel="noreferrer">{user.website}</a>
+                      </div>
+                  )}
 
-                {lnurl && (
-                  <>
-                    ⚡️
-                    <span className="lnurl f-ellipsis" onClick={(e) => setShowLnQr(true)}>
-                      {lnurl}
-                    </span>
-                  </>
-                )}
+                  {lnurl && (
+                    <div className="f-ellipsis" onClick={(e) => setShowLnQr(true)}>
+                      <span className="zap">⚡️</span>
+                      <span className="lnurl" >
+                        {lnurl}
+                      </span>
+                    </div>
+                  )}
+                </div>
                 <LNURLTip svc={lnurl} show={showLnQr} onClose={() => setShowLnQr(false)} />
             </div>
         )