Fix chat word wrap and person buttons

ROADMAP.md

@@ -18,6 +18,7 @@
 
 # More
 
+- [ ] Apply person popover to mentions in notes as well
 - [ ] Invite link, nprofile + path that prompts someone to sign in or create an account and auto-follow the inviter
 - [ ] Cache follower numbers to avoid re-fetching so much
 - [ ] Allow the user to disable likes/zaps

src/views/messages/MessagesDetail.svelte

@@ -98,10 +98,10 @@
     'mr-12': message.person.pubkey !== user.getPubkey(),
   })}>
     <div class={cx('rounded-2xl py-2 px-4 max-w-xl inline-block', {
-      'bg-light text-black rounded-br-none text-end': message.person.pubkey === user.getPubkey(),
+      'bg-white text-black rounded-br-none text-end': message.person.pubkey === user.getPubkey(),
       'bg-dark rounded-bl-none': message.person.pubkey !== user.getPubkey(),
     })}>
-      <div>{@html renderNote(message, {showEntire: true})}</div>
+      <div class="break-words">{@html renderNote(message, {showEntire: true})}</div>
       <small
         class="mt-1"
         class:text-dark={message.person.pubkey === user.getPubkey()}

src/views/person/PersonDetail.svelte

@@ -53,12 +53,12 @@
       }
 
       if ($canPublish) {
-        actions.push({href: `/messages/${npub}`, label: 'Message', icon: 'envelope'})
+        actions.push({onClick: () => navigate(`/messages/${npub}`), label: 'Message', icon: 'envelope'})
         actions.push({onClick: openAdvanced, label: 'Advanced', icon: 'sliders'})
       }
 
       if (user.getPubkey() === pubkey) {
-        actions.push({href: '/profile', label: 'Edit', icon: 'edit'})
+        actions.push({onClick: () => navigate('/profile'), label: 'Edit', icon: 'edit'})
       }
     }
   }