From 55fd05d605a8ddd4eb617ee5400ff3ca08340874 Mon Sep 17 00:00:00 2001
From: Titouan Rigoudy <titouan.rigoudy@gmail.com>
Date: Sat, 6 Nov 2021 17:21:49 +0100
Subject: [PATCH] Fix display of long room names.

---
 src/modules/room/RoomListEntry.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/modules/room/RoomListEntry.tsx b/src/modules/room/RoomListEntry.tsx
index fcdfc83..7a7178e 100644
--- a/src/modules/room/RoomListEntry.tsx
+++ b/src/modules/room/RoomListEntry.tsx
@@ -25,11 +25,11 @@ const RoomListEntry: FC<Props> = ({ name, data }) => {
       activeClassName="bg-yellow-300 font-bold"
       className={`block p-3 ${backgroundColor} hover:bg-yellow-300 rounded-xl`}
     >
-      <div className="flex justify-between">
-        <div>{name}</div>
-        <div>
+      <div className="flex justify-between gap-1">
+        <span className="truncate whitespace-nowrap">{name}</span>
+        <span className="truncate whitespace-nowrap">
           ({userCount} user{userCount > 1 ? "s" : ""})
-        </div>
+        </span>
       </div>
     </NavLink>
   );