positioning chat and options

app.py

@@ -142,6 +142,11 @@ with gr.Blocks(css=css) as demo:
         with gr.Column(elem_id="col-container"):
             gr.HTML(title)
 
+    with gr.Column():
+        with gr.Row():
+            LLM_option = gr.Dropdown(['HuggingFace','OpenAI'],label='Select HuggingFace/OpenAI')
+            API_key = gr.Textbox(label="Add API key", type="password",autofocus=True)
+
     with gr.Group():    
         chatbot = gr.Chatbot(height=170)
         examples_set = gr.Radio(label="Examples of some You tube Videos",choices=EXAMPLES)
@@ -152,11 +157,6 @@ with gr.Blocks(css=css) as demo:
             submit_btn = gr.Button(value="Send message", variant="primary", scale = 1)
             clean_chat_btn =  gr.Button("Delete Chat")
 
-    with gr.Column():
-        with gr.Row():
-            LLM_option = gr.Dropdown(['HuggingFace','OpenAI'],label='Select HuggingFace/OpenAI')
-            API_key = gr.Textbox(label="Add API key", type="password",autofocus=True)
-                
     with gr.Column():
             with gr.Box():
                 youtube_link = gr.Textbox(label="Add your you tube Link",text_align='left',autofocus=True)