Update app.py

app.py

@@ -49,24 +49,24 @@ def get_answer(query,context):
 
 with gr.Blocks() as demo:
     gr.Markdown("<h1><center>Youtube-QA</center></h1>")
-    gr.Markdown("<h3>Ask questions from your youtube video of choice</h3>")
-    gr.Markdown("""mermaid
-                    graph LR
+    gr.Markdown("<h3>Ask questions from your youtube video of choice, it takes sometime to run so grabbing a coffee is a good option ☕️</h3>")
+    gr.Markdown("""
                     A[Youtube-audio] -->B(openai-whisper)
                     B -->C(Trascription)
                     C -->|Query| D(QA-model)
                     D -->E[Answer]
                     """)
-    with gr.Column():
-        in_yt = gr.inputs.Textbox(lines=1, placeholder="Enter Youtube URL", label="YouTube URL")
-        transcribe_btn = gr.Button("Trascribe")
-    with gr.Column():
-        out_yt_html = gr.outputs.HTML()
-        out_yt_text = gr.Textbox()
-    with gr.Column():
-        in_query = gr.Textbox(lines=1, placeholder="What's your Question", label="Query")
-        ans_btn = gr.Button("Answer")
-        out_query = gr.outputs.Textbox()
+    with gr.Row():
+        with gr.Column():
+            in_yt = gr.inputs.Textbox(lines=1, placeholder="Enter Youtube URL", label="YouTube URL")
+            transcribe_btn = gr.Button("Trascribe")
+        with gr.Column():
+            out_yt_html = gr.outputs.HTML()
+            out_yt_text = gr.Textbox()
+        with gr.Column():
+            in_query = gr.Textbox(lines=1, placeholder="What's your Question", label="Query")
+            ans_btn = gr.Button("Answer")
+            out_query = gr.outputs.Textbox()
             
     
     transcribe_btn.click(fn=yt_transcribe, inputs=in_yt, outputs=[out_yt_html,out_yt_text])