Update app.py

app.py

@@ -20,6 +20,7 @@ STYLE = """
 }
 
 .group {
+  padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
@@ -238,57 +239,35 @@ def set_papers(date, title):
     )
 
 with gr.Blocks(css=STYLE) as demo:
-    with gr.Row():
-        date_dd = gr.Dropdown(
-            sorted_dates, 
-            value=last_date, 
-            label="Select date", 
-            interactive=True,
-            scale=3,
-        )
-        papers_dd = gr.Dropdown(
-            [paper["title"] for paper in last_papers],
-            value=selected_paper["title"],
-            label="Select paper title", 
-            interactive=True,
-            scale=7,
-        )
-
-    with gr.Column(elem_classes=["no-gap"]):
-        search_in = gr.Textbox("", placeholder="Enter keywords to search...", elem_id="search_input")
-        search_r1 = gr.Button(visible=False, elem_id="search_r1", elem_classes=["no-radius"])
-        search_r2 = gr.Button(visible=False, elem_id="search_r2", elem_classes=["no-radius"])
-        search_r3 = gr.Button(visible=False, elem_id="search_r3", elem_classes=["no-radius"])
-
-    search_r1.click(
-        set_date,
-        search_r1,
-        date_dd
-    ).then(
-        set_papers,
-        inputs=[date_dd, search_r1],
-        outputs=[papers_dd, search_in]
-    )
-
-    search_r2.click(
-        set_date,
-        search_r2,
-        date_dd
-    ).then(
-        set_papers,
-        inputs=[date_dd, search_r2],
-        outputs=[papers_dd, search_in]
-    )
-
-    search_r3.click(
-        set_date,
-        search_r3,
-        date_dd
-    ).then(
-        set_papers,
-        inputs=[date_dd, search_r3],
-        outputs=[papers_dd, search_in]
-    )
+    gr.Markdown("# Explore papers with auto generated Q&As")
+    gr.Markdown("Let's explore papers with auto generated questions and answers! "
+                "The target papers are collected from [Hugging Face 🤗 Daily Papers](https://huggingface.co/papers) on a daily basis. "
+                "The entire data is generated by [Google's Gemini 1.0](https://deepmind.google/technologies/gemini/) Pro. "
+                "If you are curious how it is done, visit the [Auto Paper Q&A Generation project repository](https://github.com/deep-diver/auto-paper-analysis) "
+                "Also, the generated dataset is hosted on Hugging Face 🤗 Dataset repository as well([Link](https://huggingface.co/datasets/chansung/auto-paper-qa2)). ")
+    
+    with gr.Column(elem_classes=["group"]):
+        with gr.Row():
+            date_dd = gr.Dropdown(
+                sorted_dates, 
+                value=last_date, 
+                label="Select date", 
+                interactive=True,
+                scale=3,
+            )
+            papers_dd = gr.Dropdown(
+                [paper["title"] for paper in last_papers],
+                value=selected_paper["title"],
+                label="Select paper title", 
+                interactive=True,
+                scale=7,
+            )
+
+        with gr.Column(elem_classes=["no-gap"]):
+            search_in = gr.Textbox("", placeholder="Enter keywords to search...", elem_id="search_input")
+            search_r1 = gr.Button(visible=False, elem_id="search_r1", elem_classes=["no-radius"])
+            search_r2 = gr.Button(visible=False, elem_id="search_r2", elem_classes=["no-radius"])
+            search_r3 = gr.Button(visible=False, elem_id="search_r3", elem_classes=["no-radius"])
 
     title = gr.Markdown(f"# {selected_paper['title']}")
     summary = gr.Markdown(f"{selected_paper['summary']}", elem_classes=["small-font"])
@@ -343,6 +322,36 @@ with gr.Blocks(css=STYLE) as demo:
             breath_q_eli5_2 = gr.Markdown(f"↪ **(ELI5)** {selected_paper['2_additional_breath_q:answers:eli5']}", elem_classes=["small-font"])
             breath_q_expert_2 = gr.Markdown(f"↪ **(Technical)** {selected_paper['2_additional_breath_q:answers:expert']}", elem_classes=["small-font"])
 
+    search_r1.click(
+        set_date,
+        search_r1,
+        date_dd
+    ).then(
+        set_papers,
+        inputs=[date_dd, search_r1],
+        outputs=[papers_dd, search_in]
+    )
+
+    search_r2.click(
+        set_date,
+        search_r2,
+        date_dd
+    ).then(
+        set_papers,
+        inputs=[date_dd, search_r2],
+        outputs=[papers_dd, search_in]
+    )
+
+    search_r3.click(
+        set_date,
+        search_r3,
+        date_dd
+    ).then(
+        set_papers,
+        inputs=[date_dd, search_r3],
+        outputs=[papers_dd, search_in]
+    )
+
     date_dd.input(
         get_papers,
         date_dd,