A couple styling things

ROADMAP.md

@@ -1,8 +1,13 @@
 # Current
 
-- [ ] Add customize icon and route with editable custom view cards using "lists" nip
-  - nevent1qqspjcqw2hu5gfcpkrjhs0aqvxuzjgtp50l375mcqjfpmk48cg5hevgpr3mhxue69uhkummnw3ez6un9d3shjtnhd3m8xtnnwpskxegpzamhxue69uhkummnw3ezuendwsh8w6t69e3xj7spramhxue69uhkummnw3ez6un9d3shjtnwdahxxefwv93kzer9d4usz9rhwden5te0wfjkccte9ejxzmt4wvhxjmcpr9mhxue69uhkummnw3ezuer9d3hjuum0ve68wctjv5n8hwfg
-  - [ ] Custom views should combine pubkeys, relays, event ids, and topics
+- [ ] Fix iOS
+- [ ] Fix likes, very few come up. Could be the parent timeout
+- [ ] Make the note relays button modal make sense, one relay with no explanation is not good
+- [ ] Likes feed includes flag events, durr
+- [ ] PWA
+- [ ] Polls
+  - Find the best implementation https://github.com/nostr-protocol/nips/search?q=poll&type=issues
+  - Comment on all three nip drafts which one I implemented
 
 # Lightning
 
@@ -11,12 +16,20 @@
 - [ ] Support invoices, tips, zaps https://twitter.com/jb55/status/1604131336247476224
   - nevent1qqsd0x0xzfwtppu0n52ngw0zhynlwv0sjsr77aflcpufms2wrl3v8mspr9mhxue69uhhyetvv9ujuumwdae8gtnnda3kjctv9uqs7amnwvaz7tmwdaehgu3wd4hk6d7ewgp
 
-# Groups
+# Custom views
 
-- [ ] Groups - may need a new NIP, or maybe use topics
+- [ ] Add customize icon and route with editable custom view cards using "lists" nip
+  - nevent1qqspjcqw2hu5gfcpkrjhs0aqvxuzjgtp50l375mcqjfpmk48cg5hevgpr3mhxue69uhkummnw3ez6un9d3shjtnhd3m8xtnnwpskxegpzamhxue69uhkummnw3ezuendwsh8w6t69e3xj7spramhxue69uhkummnw3ez6un9d3shjtnwdahxxefwv93kzer9d4usz9rhwden5te0wfjkccte9ejxzmt4wvhxjmcpr9mhxue69uhkummnw3ezuer9d3hjuum0ve68wctjv5n8hwfg
+  - [ ] Custom views should combine pubkeys, relays, event ids, and topics
 
 # More
 
+- [ ] Micro app DSL
+- [ ] Fix social share image, add description
+- [ ] Sort feeds by created date on profile page?
+- [ ] Implement https://media.nostr.band/
+- [ ] Cache follower numbers to avoid re-fetching so much
+- [ ] Groups - may need a new NIP, or maybe use topics
 - [ ] Support https://github.com/nostr-protocol/nips/pull/211 as a bech32 entity
 - [ ] Add new DM button to dms list
 - [ ] Add suggested relays based on follows or topics

src/partials/Channel.svelte

@@ -129,7 +129,7 @@
         {/await}
       </ul>
     </div>
-    <div class="fixed z-20 top-0 w-full lg:-ml-56 lg:pl-56 border-b border-solid
+    <div class="fixed z-20 top-0 w-full border-b border-solid
                 border-medium bg-dark p-4">
       <slot name="header" />
     </div>

src/util/nostr.ts

@@ -68,7 +68,13 @@ export const displayPerson = p => {
     return ellipsize(p.kind0?.name, 60)
   }
 
-  return nip19.npubEncode(p.pubkey).slice(-8)
+  try {
+    return nip19.npubEncode(p.pubkey).slice(-8)
+  } catch (e) {
+    console.error(e)
+
+    return ''
+  }
 }
 
 export const isLike = content => ['', '+', '🤙', '👍', '❤️'].includes(content)

src/views/SideNav.svelte

@@ -9,8 +9,8 @@
 </script>
 
 <ul
-  class="py-20 w-56 bg-dark fixed top-0 bottom-0 left-0 transition-all shadow-xl
-         border-r border-medium text-white overflow-hidden z-10 lg:ml-0"
+  class="mt-16 pt-4 pb-20 lg:mt-4 w-56 bg-dark fixed top-0 bottom-0 left-0 transition-all shadow-xl
+         border-r border-medium text-white overflow-hidden z-20 lg:ml-0"
   class:-ml-56={!$menuIsOpen}
 >
   {#if $profile}

src/views/alerts/Alert.svelte

@@ -36,7 +36,7 @@
 </script>
 
 <button
-  class="py-2 px-3 flex flex-col gap-2 text-white cursor-pointer transition-all
+  class="py-2 px-3 flex flex-col gap-2 text-white cursor-pointer transition-all w-full
          border border-solid border-black hover:border-medium hover:bg-dark text-left"
   on:click={() => modal.set({type: 'note/detail', note})}>
   <div class="flex gap-2 items-center justify-between relative w-full">

src/views/notes/NoteCreate.svelte

@@ -45,18 +45,21 @@
       const thunk = cmd.createNote(content, mentions, topics)
       const [event, promise] = await publishWithToast(relays, thunk)
 
-      promise.then(() => {
-        toast.show("info", {
-          text: `Your note has been created!`,
-          link: {
-            text: 'View',
-            href: "/" + nip19.neventEncode({
-              id: event.id,
-              relays: pluck('url', relays.slice(0, 3)),
-            }),
-          },
-        })
-      })
+      promise.then(() =>
+        setTimeout(() =>
+          toast.show("info", {
+            text: `Your note has been created!`,
+            link: {
+              text: 'View',
+              href: "/" + nip19.neventEncode({
+                id: event.id,
+                relays: pluck('url', relays.slice(0, 3)),
+              }),
+            },
+          }),
+          3000
+        )
+      )
 
       modal.clear()
     }