Styling updates

app.py

@@ -87,17 +87,15 @@ def get_query_from_internet(user_query, temperature=0):
 
 # Front end web application using Gradio
 CSS ="""
-.contain { display: flex; flex-direction: column; }
 footer.svelte-1ax1toq.svelte-1ax1toq.svelte-1ax1toq.svelte-1ax1toq { display: none; }
-#component-0 { height: 100%; }
-#chatbot { flex-grow: 1; overflow: auto;}
+#chatbot { height: 70vh !important;}
 #submit-button { background: #00A7E5; color: white; }
 #submit-button:hover { background: #00A7E5; color: white; box-shadow: 0 8px 10px 1px #9d9ea124, 0 3px 14px 2px #9d9ea11f, 0 5px 5px -3px #9d9ea133; }
 """
 
 with gr.Blocks(theme='samayg/StriimTheme', css=CSS) as demo:
     # image = gr.Image('striim-logo-light.png', height=68, width=200, show_label=False, show_download_button=False, show_share_button=False)
-    chatbot = gr.Chatbot(show_label=False, height=300)
+    chatbot = gr.Chatbot(show_label=False, elem_id="chatbot")
     msg = gr.Textbox(label="Question:")
     examples = gr.Examples(examples=[['What\'s new in Striim version 4.2.0?'], ['My Striim application keeps crashing. What should I do?'], ['How can I improve Striim performance?'], ['It says could not connect to source or target. What should I do?']], inputs=msg, label="Examples")
     submit = gr.Button("Submit", elem_id="submit-button")