debugging

app.py

@@ -114,11 +114,11 @@ def add_text(history, text):
 ##################################################
 
 css="""
-#col-container {max-width: 1080px; margin-left: auto; margin-right: auto;}
+#col-container {max-width: 690px; margin-left: auto; margin-right: auto;}
 """
 
 title = """
-<div style="text-align: center;max-width: 1080px;">
+<div style="text-align: center;max-width: 690px;">
     <h1>Chat with Youtube Videos </h1>
     <p style="text-align: center;">Upload a youtube link of any lecture or video and you are able to ask QA as chatbot with the tool
     It gives you option to use HuggingFace/OpenAI as LLM's, make sure to add your key.
@@ -133,19 +133,18 @@ with gr.Blocks(css=css) as demo:
 
     with gr.Column():
         with gr.Box():
-            with gr.Row():
-                LLM_option = gr.Dropdown(['HuggingFace','OpenAI'],label='Large Language Model Selection')
-                API_key = gr.Textbox(label="Add API key", type="password",autofocus=True)
+            LLM_option = gr.Dropdown(['HuggingFace','OpenAI'],label='Large Language Model Selection')
+            API_key = gr.Textbox(label="Add API key", type="password",autofocus=True)
     
-    with gr.Group():
-        chatbot = gr.Chatbot(height=300)
+    with gr.Group():    
+        chatbot = gr.Chatbot(height=250)
     
     with gr.Row():
         question = gr.Textbox(label="Type your question !",lines=1).style(full_width=True)
         submit_btn = gr.Button(value="Send message", variant="primary", scale = 1)
         clean_chat_btn =  gr.Button("Delete Chat")
-
-        with gr.Accordion(label='Advanced options', open=False):
+        with gr.Column():
+            with gr.Accordion(label='Advanced options', open=False):
                 max_new_tokens = gr.Slider(
                     label='Max new tokens',
                     minimum=2048,