Improve Ask Questions tab layout with wide textboxes

app.py

@@ -126,20 +126,32 @@ def process_pdf(pdf_file):
 def qa_pipeline(question):
     return ask_question(question)
 
-with gr.Blocks() as demo:
-    gr.Markdown("## 📄 PDF Q&A Bot with Weaviate + OpenAI")
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    # Global CSS injected explicitly
+    gr.HTML("""
+    <style>
+      /* widen overall container */
+      .gradio-container { max-width: 1100px !important; margin: auto; }
+
+      /* make textareas bigger & full width */
+      #qbox textarea { width: 100% !important; min-height: 110px !important; font-size: 16px !important; }
+      #abox textarea { width: 100% !important; min-height: 220px !important; font-size: 16px !important; }
+    </style>
+    """)
 
-    with gr.Tab("Upload PDF"):
-        pdf_input = gr.File(label="Upload PDF", type="filepath")
-        upload_btn = gr.Button("Process PDF")
-        status = gr.Textbox(label="Status")
-        upload_btn.click(process_pdf, inputs=pdf_input, outputs=status)
+    gr.Markdown("## 📄 PDF Q&A Bot with Weaviate + OpenAI")
 
     with gr.Tab("Ask Questions"):
-        question = gr.Textbox(label="Your Question")
-        answer = gr.Textbox(label="Answer")
-        ask_btn = gr.Button("Ask")
+        question = gr.Textbox(
+            label="Your Question",
+            elem_id="qbox"              # 👈 ID we target in CSS
+        )
+        answer = gr.Textbox(
+            label="Answer",
+            elem_id="abox"              # 👈 ID we target in CSS
+        )
+        ask_btn = gr.Button("Ask", size="lg")
         ask_btn.click(qa_pipeline, inputs=question, outputs=answer)
 
-demo.launch(share=True)
+demo.launch()
 client.close()