~UI

app.py

@@ -94,22 +94,23 @@ with gr.Blocks(css=css) as demo:
                     Prompt templates from [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts).""",
                     elem_id="header")
 
-        with gr.Row():
+        with gr.Column():
             with gr.Row():
                 gr.Markdown("Enter your own OpenAI API Key. You can get one [here](https://platform.openai.com/account/api-keys).", elem_id="label")
                 user_token = gr.Textbox(value='stub', placeholder="OpenAI API Key", type="password", show_label=False)
-            with gr.Column():
-                chatbot = gr.Chatbot(elem_id="chatbox")
-                input_message = gr.Textbox(show_label=False, placeholder="Enter text and press enter", visible=True).style(container=False)
-                btn_submit = gr.Button("Submit")
-                total_tokens_str = gr.Markdown(elem_id="total_tokens_str")
-                btn_clear_conversation = gr.Button("🔃 Start New Conversation")
-            with gr.Column():
-                prompt_template = gr.Dropdown(label="Set a custom insruction for the chatbot:", choices=list(prompt_templates.keys()))
-                prompt_template_preview = gr.Markdown(elem_id="prompt_template_preview")
-                with gr.Accordion("Advanced parameters", open=False):
-                    temperature = gr.Slider(minimum=0, maximum=2.0, value=0.7, step=0.1, interactive=True, label="Temperature (higher = more creative/chaotic)")
-                    max_tokens = gr.Slider(minimum=100, maximum=4096, value=1000, step=1, interactive=True, label="Max tokens per response")
+            with gr.Row():
+                with gr.Column():
+                    chatbot = gr.Chatbot(elem_id="chatbox")
+                    input_message = gr.Textbox(show_label=False, placeholder="Enter text and press enter", visible=True).style(container=False)
+                    btn_submit = gr.Button("Submit")
+                    total_tokens_str = gr.Markdown(elem_id="total_tokens_str")
+                    btn_clear_conversation = gr.Button("🔃 Start New Conversation")
+                with gr.Column():
+                    prompt_template = gr.Dropdown(label="Set a custom insruction for the chatbot:", choices=list(prompt_templates.keys()))
+                    prompt_template_preview = gr.Markdown(elem_id="prompt_template_preview")
+                    with gr.Accordion("Advanced parameters", open=False):
+                        temperature = gr.Slider(minimum=0, maximum=2.0, value=0.7, step=0.1, interactive=True, label="Temperature (higher = more creative/chaotic)")
+                        max_tokens = gr.Slider(minimum=100, maximum=4096, value=1000, step=1, interactive=True, label="Max tokens per response")
 
     gr.HTML('''<br><br><br><center><a href="https://huggingface.co/spaces/anzorq/chatgpt-demo?duplicate=true"><img src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a>You can duplicate this Space.<br>
             Don't forget to set your own <a href="https://platform.openai.com/account/api-keys">OpenAI API Key</a> environment variable in Settings.<br>