Update app.py

app.py

@@ -104,18 +104,18 @@ def get_response(history, audio_input):
 # buzz_usr_proc = Thread(target=idle_timer)
 
 with gr.Blocks(css = """#col_image{width:800px; height:800px; margin-left: auto; margin-right: auto;}""") as demo: 
-    with gr.Column():
+    with gr.Row(scale=0.7):
         output_html = gr.HTML(label="Felix's Voice", value=AUDIO_HTML)
         output_html.visible = False
         image1= gr.Image("assets/NPCtest1.png").style(height=700) #elem_id = "col_image"
         #assistant_character = gr.HTML(label=None, value=CHAR_IDLE_HTML, show_label=False)
-        #with gr.Column(scale=0.1):
-        chatbot = gr.Chatbot(label='Send a text or a voice input').style(height=285)
-        with gr.Row():
-            msg = gr.Textbox(placeholder='Write a chat & press Enter.', show_label=False).style(container=False)
-            with gr.Column(scale=0.5):
-                audio_input = gr.Audio(source="microphone", type='filepath', show_label=False).style(container=False)
-                button = gr.Button(value="Send")
+        with gr.Column(scale=0.3):
+            chatbot = gr.Chatbot(label='Send a text or a voice input').style(height=285)
+            with gr.Column():
+                msg = gr.Textbox(placeholder='Write a chat & press Enter.', show_label=False).style(container=False)
+                with gr.Column(scale=0.5):
+                    audio_input = gr.Audio(source="microphone", type='filepath', show_label=False).style(container=False)
+                    button = gr.Button(value="Send")
 
     msg.submit(get_chat_history, [msg, chatbot], [msg, chatbot]
                 ).then(get_response, [chatbot, audio_input], [chatbot, output_html]