debugging

app.py

@@ -114,11 +114,11 @@ def add_text(history, text):
 ##################################################
 
 css="""
-#col-container {max-width: 700px; margin-left: auto; margin-right: auto;}
+#col-container {max-width: 1080px; margin-left: auto; margin-right: auto;}
 """
 
 title = """
-<div style="text-align: center;max-width: 700px;">
+<div style="text-align: center;max-width: 1080px;">
     <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.
@@ -132,7 +132,7 @@ with gr.Blocks(css=css) as demo:
             gr.HTML(title)
 
     with gr.Group():
-        chatbot = gr.Chatbot(height=300)
+        chatbot = gr.Chatbot(height=100)
     
     with gr.Row():
         question = gr.Textbox(label="Type your question !",lines=1).style(full_width=True)
@@ -140,7 +140,7 @@ with gr.Blocks(css=css) as demo:
         clean_chat_btn =  gr.Button("Delete Chat")
     
     with gr.Column():
-        with gr.Row():
+        with gr.Box():
             LLM_option = gr.Dropdown(['HuggingFace','OpenAI'],label='Large Language Model Selection',info='LLM Service')
             API_key = gr.Textbox(label="Add API key", type="password",autofocus=True)
         with gr.Accordion(label='Advanced options', open=False):
@@ -152,15 +152,15 @@ with gr.Blocks(css=css) as demo:
                     value=DEFAULT_MAX_NEW_TOKENS,
                     )
                 temperature = gr.Slider(label='Temperature',minimum=0.1,maximum=4.0,step=0.1,value=DEFAULT_TEMPERATURE,)
-
-                char_length = gr.Slider(
-                    label='Max Character',minimum= DEFAULT_CHAR_LENGTH,maximum = 5*DEFAULT_CHAR_LENGTH,
+                char_length = gr.Slider(label='Max Character',
+                    minimum= DEFAULT_CHAR_LENGTH,
+                    maximum = 5*DEFAULT_CHAR_LENGTH,
                     step = 500,value= 1500
                 )
     
     with gr.Column():
-            youtube_link = gr.Textbox(label="Add your you tube Link",text_align='left',autofocus=True)
             with gr.Box():
+                youtube_link = gr.Textbox(label="Add your you tube Link",text_align='left',autofocus=True)
                 with gr.Row():
                     load_youtube_bt = gr.Button("Process Youtube Link",).style(full_width = False)
                     langchain_status = gr.Textbox(label="Status", placeholder="", interactive = False)