From 8846b914e8e9fc512ec8d21a74cffc566ff6102c Mon Sep 17 00:00:00 2001
From: Titouan Rigoudy <titouan.rigoudy@gmail.com>
Date: Thu, 19 Aug 2021 11:41:36 +0200
Subject: [PATCH] Start fixing app height when list is too large.

---
 src/components/SearchableList.tsx | 2 +-
 src/components/SolsticeApp.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SearchableList.tsx b/src/components/SearchableList.tsx
index 3338a89..a172911 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 overflow-auto">{children}</ul>
+      <ul className="flex-1 flex flex-col min-h-0 overflow-auto">{children}</ul>
     </div>
   );
 };
diff --git a/src/components/SolsticeApp.tsx b/src/components/SolsticeApp.tsx
index 096ea45..985762c 100644
--- a/src/components/SolsticeApp.tsx
+++ b/src/components/SolsticeApp.tsx
@@ -19,7 +19,7 @@ const MainPane: FC = () => {
   const { path } = useRouteMatch();
 
   return (
-    <main className="flex-1">
+    <main className="flex-1 min-h-0">
       <Switch>
         <Route path={`${path}rooms`}>
           <RoomsPane />