From a9f6bfadeb777af96eee9f8948931761ed35742f Mon Sep 17 00:00:00 2001
From: winzlieb <winzlieb@c3d2.de>
Date: Fri, 11 Mar 2022 11:25:02 +0100
Subject: [PATCH] put container into wrapper

---
 .../search/components/ngo/HostOfferLookupWrapper.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/search/components/ngo/HostOfferLookupWrapper.tsx b/frontend/search/components/ngo/HostOfferLookupWrapper.tsx
index 1121764..e49409f 100644
--- a/frontend/search/components/ngo/HostOfferLookupWrapper.tsx
+++ b/frontend/search/components/ngo/HostOfferLookupWrapper.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import {Auth, useGetOffersQuery} from "../../codegen/generates";
 import testAuth from '../util/testAuth.json'
 import HostOfferLookupTable from "./HostOfferLookupTable";
+import {Box} from "@mui/material";
 
 type HostLookupWrapperProps = Record<string, never>
 
@@ -11,7 +12,16 @@ const HostOfferLookupWrapper = ({}: HostLookupWrapperProps) => {
 
   return <>
     { isFetching && <p> loading… </p> }
-    { data?.get_offers && <HostOfferLookupTable data={data}/> }
+    { data?.get_offers && <Box sx={{
+        display: 'flex',
+        alignItems: 'stretch',
+        flexDirection: 'column',
+        height: '100%'}}>
+        <div
+          style={{flex: '1 1', height: '100%'}}>
+            <HostOfferLookupTable data={data}/>
+        </div>
+    </Box> }
   </>
 }