Fix some notification badges

README.md

@@ -33,12 +33,12 @@ If you like Coracle and want to support its development, you can donate sats via
 - [ ] Reporting and basic distributed moderation
 - [ ] Content and person recommendations
 
-You can find a more complete changelog [here](./ROADMAP.md).
+You can find a more complete changelog [here](./CHANGELOG.md).
 
 # Run  Coracle locally:
 
 - Clone the project repository: `git clone https://github.com/coracle-social/coracle.git`
-- Navitage to the project directory: `cd coracle`
+- Navigate to the project directory: `cd coracle`
-- Install dependencies: `npm install`
+- Install dependencies: `yarn`
 - Add an env file from the template: `cp env.template env.local`
-- Start the development server: `npm run dev`
+- Start the development server: `yarn dev`

src/app/TopNav.svelte

@@ -194,11 +194,12 @@
             </Anchor>
             {#if Env.FORCE_RELAYS.length === 0}
               <Anchor
-                class="block p-3 px-4 transition-all hover:bg-accent hover:text-white"
+                class="relative block p-3 px-4 transition-all hover:bg-accent hover:text-white"
                 href="/relays">
                 <i class="fa fa-server mr-2" /> Relays
                 {#if $slowConnections.length > 0}
-                  <div class="absolute left-8 top-2 h-2 w-2 rounded bg-accent" />
+                  <div
+                    class="absolute left-3 top-3 h-2 w-2 rounded border border-solid border-white bg-accent" />
                 {/if}
               </Anchor>
             {/if}

src/util/misc.ts

@@ -95,7 +95,7 @@ export const createScroller = <T>(
     }
 
     // No need to check all that often
-    await sleep(500)
+    await sleep(1000)
 
     if (!done) {
       requestAnimationFrame(check)