:lipstick: keep chat interface filling the screen

app.py

@@ -91,7 +91,19 @@ def initial_model(referer=None):
     return o.choice(model_choices)[1]
 
 title_text="HuggingFace's missing inference widget"
-with gr.Blocks(title_text, css='.logo-mark { fill: #ffe184; }') as demo:
+css = """
+.logo-mark { fill: #ffe184; }
+
+/* from https://github.com/gradio-app/gradio/issues/4001
+ * necessary as putting ChatInterface in gr.Blocks changes behaviour
+ */
+
+.contain { display: flex; flex-direction: column; }
+.gradio-container { height: 100vh !important; }
+#component-0 { height: 100%; }
+#chatbot { flex-grow: 1; overflow: auto;}
+"""
+with gr.Blocks(title_text, css=css) as demo:
     gr.HTML("""
         <h1 align="center">HuggingFace's missing inference widget</h1>
         <p align="center">