Changed UI

app.py

@@ -117,19 +117,21 @@ with gr.Blocks(css=css) as demo:
         
         with gr.Column():
             with gr.Box():
+                gr.Row()
                 LLM_option = gr.Dropdown(['HuggingFace','OpenAI'],label='Large Language Model Selection',info='LLM Service')
-                API_key = gr.Textbox(label="Add API key".format(LLM_option), type="password")
+                file_extension = gr.Dropdown(FILE_EXT, label="File Extensions", info="Select your files extensions!")
+            API_key = gr.Textbox(label="Add API key", type="password")
             with gr.Column():
-                with gr.Row():
-                    file_extension = gr.Dropdown(FILE_EXT, label="File Extensions", info="Select your files extensions!")
+                with gr.Box():
                     pdf_doc = gr.File(label="Upload File to start QA", file_types=FILE_EXT, type="file")
-                with gr.Row():
-                    load_pdf = gr.Button("Load file to langchain")
-                    langchain_status = gr.Textbox(label="Status", placeholder="", interactive=True)
+                    with gr.Row():
+                        load_pdf = gr.Button("Load file to langchain")
+                        langchain_status = gr.Textbox(label="Status", placeholder="", interactive=True)
         
         chatbot = gr.Chatbot()
         question = gr.Textbox(label="Question", placeholder="Type your question and hit Enter")
         submit_button = gr.Button("Send Message")
+    
     load_pdf.click(loading_file, None, langchain_status, queue=False)    
     load_pdf.click(document_loader, inputs=[pdf_doc,API_key,file_extension,LLM_option], outputs=[langchain_status], queue=False)