Update app.py

app.py

@@ -616,6 +616,12 @@ css = """
       /* Adjust the width as needed */
     overflow-y: auto;  /* Add scroll if the content exceeds the height */
 }
+
+    #submit, #clear {
+        display: inline-block;
+        margin-right: 10px;
+    }
+
 .gr-button {
     height: 40px;  /* Adjust the height as needed */
     width:100px;
@@ -724,8 +730,8 @@ with gr.Blocks(css=css) as demo:
             with gr.Row():
                 #audio_input = gr.Audio(sources=["microphone"], show_label=False, container=False,
                                 #       waveform_options=gr.WaveformOptions(show_controls=False))
-                button = gr.Button("Submit", elem_classes="gr-button")
-                gr.ClearButton(message, elem_classes="gr-button")
+                button = gr.Button("Submit", elem_classes="gr-button",elem_id="submit")
+                gr.ClearButton(message, elem_classes="gr-button", elem_id="clear")
 
     #button.click(answer_question, [message, chatbot, audio_input], [chatbot])
     button.click(answer_question, [message, chatbot], [chatbot])