From d82f5404ec6d67788f3678d95a246a8d8888cebe Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Mon, 30 Dec 2024 22:27:13 +0200
Subject: [PATCH] web/roomlist: fix unread count positioning

---
 web/src/ui/roomlist/RoomList.css    | 6 +++++-
 web/src/ui/roomlist/UnreadCount.tsx | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

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+"