Update app.py

app.py

@@ -203,6 +203,15 @@ table {
     font-size: 14pt;
 }
 
+#refresh-button {
+    background: none;
+    border: none;
+    color: black;
+    font-weight: bold;
+    font-size: 14pt;
+    cursor: pointer;
+}
+
 @media (max-width: 640px) {
     .title a {
         font-size: 12pt;
@@ -223,28 +232,25 @@ demo = gr.Blocks(css=css)
 with demo:
     with gr.Column(elem_classes=["container"]):
         # Header with Refresh Button
-        gr.HTML("""
-        <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#ff6600">
-            <tr>
-                <td style="padding: 8px;">
-                    <span class="pagetop">
-                        <b class="hnname"><a href="#" style="color: black; text-decoration: none;">Daily Papers</a></b>
-                    </span>
-                </td>
-                <td align="right" style="padding: 8px;">
-                    <button id="refresh-button">Refresh</button>
-                </td>
-            </tr>
-        </table>
-        """)
+        with gr.Row():
+            gr.HTML("""
+            <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#ff6600">
+                <tr>
+                    <td style="padding: 8px;">
+                        <span class="pagetop">
+                            <b class="hnname"><a href="#" style="color: black; text-decoration: none;">Daily Papers</a></b>
+                        </span>
+                    </td>
+                </tr>
+            </table>
+            """)
+            refresh_button = gr.Button("Refresh", elem_id="refresh-button")
         # Paper list
         paper_list = gr.HTML()
         # Navigation Buttons
         with gr.Row():
             prev_button = gr.Button("Prev")
             next_button = gr.Button("Next")
-        # "More" Button Styled as Link
-        with gr.Row():
             more_button = gr.Button("More", elem_classes="more-link")
 
     # Load papers on app start
@@ -254,17 +260,6 @@ with demo:
     prev_button.click(paper_manager.prev_page, outputs=[paper_list])
     next_button.click(paper_manager.next_page, outputs=[paper_list])
     more_button.click(paper_manager.next_page, outputs=[paper_list])
-    # Bind the refresh button
-    refresh_button = gr.Button(visible=False, elem_id="refresh-hidden")
     refresh_button.click(refresh_papers, outputs=[paper_list])
 
-    # JavaScript to bind the click event to the refresh button
-    demo.load(None, _js="""
-    function() {
-        document.getElementById('refresh-button').addEventListener('click', function() {
-            document.querySelector('button#refresh-hidden').click();
-        });
-    }
-    """)
-
 demo.launch()