Beautified UI

app.py

@@ -82,24 +82,16 @@ def find_answers(tags: str, questions: str) -> str:
 
     return format_results(results)
 
-inputs = [
-    Textbox(label='Enter tags (each line is a separate tag). Maximum: 5.', lines=5),
-    Textbox(label='Enter questions (each line is a separate question). Maximum 25.', lines=25)
-]
-
-outputs = [
-    Textbox(label='Answers')
-]
-
-title = 'AnswerMate'
-description = 'The service allows you to get answers to all questions on the specified topic.'
-
-gradio_interface = gr.Interface(
-    theme='soft',
-    title=title,
-    description=description,
-    fn=find_answers, 
-    inputs=inputs, 
-    outputs=outputs)
-
-gradio_interface.launch()
+title = '<h1 style="text-align:center">AnswerMate</h1>'
+
+with gr.Blocks(theme='soft', title='AnswerMate') as demo:
+    gr.HTML(title)
+    gr.Markdown('The service allows you to get answers to all questions on the specified topic.')
+    with gr.Row():
+        tags_input = gr.Textbox(label='Enter tags (each line is a separate tag). Maximum: 5.', lines=5)
+        questions_input = gr.Textbox(label='Enter questions (each line is a separate question). Maximum 25.', lines=25)
+    process_button = gr.Button('Find answers')
+    outputs = gr.Textbox(label='Output', placeholder='Output will appear here')
+    process_button.click(fn=find_answers, inputs=[tags_input, questions_input], outputs=outputs)
+
+demo.launch()