Bump version

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "flotilla",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "flotilla",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "dependencies": {
         "@capacitor/android": "^6.1.2",
         "@capacitor/cli": "^6.1.2",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flotilla",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "scripts": {
     "dev": "vite dev",

src/app/components/MenuSpaceRoomItem.svelte

@@ -2,7 +2,7 @@
   import Icon from "@lib/components/Icon.svelte"
   import SecondaryNavItem from "@lib/components/SecondaryNavItem.svelte"
   import ChannelName from "@app/components/ChannelName.svelte"
-  import {makeSpacePath} from "@app/routes"
+  import {makeRoomPath} from "@app/routes"
   import {deriveChannel, channelIsLocked} from "@app/state"
   import {notifications} from "@app/notifications"
 
@@ -10,7 +10,7 @@
   export let room
   export let notify = false
 
-  const path = makeSpacePath(url, room)
+  const path = makeRoomPath(url, room)
   const channel = deriveChannel(url, room)
 </script>
 

src/routes/spaces/[relay]/+page.svelte

@@ -131,25 +131,23 @@
       </Link>
       {#each $userRooms as room (room)}
         {@const roomPath = makeRoomPath(url, room)}
-        <Link href={roomPath} class="btn btn-neutral">
-          <div class="relative flex min-w-0 items-center gap-2 overflow-hidden">
+        <Link href={roomPath} class="btn btn-neutral relative">
+          <div class="flex min-w-0 items-center gap-2 overflow-hidden text-nowrap">
             {#if channelIsLocked($channelsById.get(makeChannelId(url, room)))}
               <Icon icon="lock" size={4} />
             {:else}
               <Icon icon="hashtag" />
             {/if}
             <ChannelName {url} {room} />
-            {#if $notifications.has(roomPath)}
-              <div
-                class="absolute -right-3 -top-1 h-2 w-2 rounded-full bg-primary"
-                transition:fade />
-            {/if}
           </div>
+          {#if $notifications.has(roomPath)}
+            <div class="absolute right-1 top-1 h-2 w-2 rounded-full bg-primary" transition:fade />
+          {/if}
         </Link>
       {/each}
       {#each $otherRooms as room (room)}
         <Link href={makeRoomPath(url, room)} class="btn btn-neutral">
-          <div class="relative flex min-w-0 items-center gap-2 overflow-hidden">
+          <div class="relative flex min-w-0 items-center gap-2 overflow-hidden text-nowrap">
             {#if channelIsLocked($channelsById.get(makeChannelId(url, room)))}
               <Icon icon="lock" size={4} />
             {:else}