diff --git a/web/src/ui/roomlist/RoomList.css b/web/src/ui/roomlist/RoomList.css index cc83edf..f7f8e33 100644 --- a/web/src/ui/roomlist/RoomList.css +++ b/web/src/ui/roomlist/RoomList.css @@ -55,11 +55,15 @@ div.space-bar { > div.room-entry-unreads { z-index: 2; height: 0; + width: 0; + margin-left: auto; position: relative; > div.unread-count { position: absolute; - top: 0; + /* This positioning doesn't feel very precise, but it looks correct enough */ + margin-top: .75rem; + margin-right: .25rem; } } } diff --git a/web/src/ui/roomlist/UnreadCount.tsx b/web/src/ui/roomlist/UnreadCount.tsx index 1c4f9c1..c563ae3 100644 --- a/web/src/ui/roomlist/UnreadCount.tsx +++ b/web/src/ui/roomlist/UnreadCount.tsx @@ -34,7 +34,8 @@ const UnreadCount = ({ counts, space }: UnreadCountProps) => { if (!unreadCount && !counts.marked_unread) { return null } - const countIsBig = !space && Boolean(counts.unread_notifications || counts.unread_highlights || counts.marked_unread) + const countIsBig = !space + && Boolean(counts.unread_notifications || counts.unread_highlights || counts.marked_unread) let unreadCountDisplay = unreadCount.toString() if (unreadCount > 999 && countIsBig) { unreadCountDisplay = "99+"