From c0d67647c84438975f6ae493f709266eddf7f753 Mon Sep 17 00:00:00 2001
From: Titouan Rigoudy <titouan.rigoudy@gmail.com>
Date: Wed, 18 Aug 2021 16:03:04 +0200
Subject: [PATCH] WIP: attempt to fix over-long formatting of searchable list.

---
 src/components/SearchableList.tsx | 2 +-
 src/modules/room/RoomList.tsx     | 2 +-
 src/modules/room/RoomsPane.tsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SearchableList.tsx b/src/components/SearchableList.tsx
index ace42c2..3338a89 100644
--- a/src/components/SearchableList.tsx
+++ b/src/components/SearchableList.tsx
@@ -38,7 +38,7 @@ const SearchableList: FC<ListProps<Item>> = ({ component, map }) => {
           onChange={onChange}
         />
       </form>
-      <ul className="flex-grow flex flex-col">{children}</ul>
+      <ul className="flex-grow flex flex-col overflow-auto">{children}</ul>
     </div>
   );
 };
diff --git a/src/modules/room/RoomList.tsx b/src/modules/room/RoomList.tsx
index 6658263..10dfc95 100644
--- a/src/modules/room/RoomList.tsx
+++ b/src/modules/room/RoomList.tsx
@@ -14,7 +14,7 @@ const RoomList: FC<RoomSliceState> = ({ rooms }) => {
   };
 
   return (
-    <div>
+    <div className="h-full">
       <div className="flex justify-between p-3">
         <h1 className="pl-3 text-2xl font-bold text-yellow-800 text-center">
           Chat Rooms
diff --git a/src/modules/room/RoomsPane.tsx b/src/modules/room/RoomsPane.tsx
index b927b41..900aa9b 100644
--- a/src/modules/room/RoomsPane.tsx
+++ b/src/modules/room/RoomsPane.tsx
@@ -37,7 +37,7 @@ const RoomsPane: FC<{}> = () => {
 
   return (
     <div className="h-full w-full flex">
-      <div className="w-80">
+      <div className="w-80 h-full">
         <RoomList rooms={rooms} />
       </div>
       <div className="flex-grow">