Update app.py

app.py

@@ -102,7 +102,7 @@ body {
     flex-grow: 1;
 }
 .paper-list {
-    max-height: 70vh;
+    max-height: 60vh;
     overflow-y: auto;
     border: 1px solid #e2e8f0;
     border-radius: 8px;
@@ -139,12 +139,13 @@ body {
     justify-content: space-between;
     align-items: center;
     margin-top: 0.5rem;
+    position: relative;
 }
 button, .button {
     background-color: #4299e1;
     color: white;
     border: none;
-    padding: 0.25rem 0.5rem;
+    padding: 0.5rem 1rem;
     border-radius: 4px;
     cursor: pointer;
     transition: background-color 0.3s;
@@ -189,6 +190,11 @@ button:hover, .button:hover {
     .container {
         max-width: 768px;
     }
+    .footer {
+        position: sticky;
+        bottom: 0;
+        background-color: white;
+    }
 }
 """
 
@@ -196,51 +202,36 @@ paper_manager = PaperManager()
 
 def initialize_app():
     if paper_manager.fetch_papers():
-        prev_disabled = paper_manager.current_page == 1
-        next_disabled = paper_manager.current_page >= paper_manager.total_pages
-
-        return (
-            paper_manager.render_papers(),
-            f"Page {paper_manager.current_page} of {paper_manager.total_pages}",
-            prev_disabled,
-            next_disabled
-        )
+        return paper_manager.render_papers(), f"Page {paper_manager.current_page} of {paper_manager.total_pages}"
     else:
-        return "<div class='no-papers'>Failed to fetch papers. Please try again later.</div>", "Error", True, True
+        return "<div class='no-papers'>Failed to fetch papers. Please try again later.</div>", "Error"
 
 def refresh_papers():
     if paper_manager.fetch_papers():
-        prev_disabled = paper_manager.current_page == 1
-        next_disabled = paper_manager.current_page >= paper_manager.total_pages
-        
-        return (
-            paper_manager.render_papers(),
-            f"Page {paper_manager.current_page} of {paper_manager.total_pages}",
-            prev_disabled,
-            next_disabled
-        )
+        return paper_manager.render_papers(), f"Page {paper_manager.current_page} of {paper_manager.total_pages}"
     else:
-        return "<div class='no-papers'>Failed to refresh papers. Please try again later.</div>", "Error", True, True
+        return "<div class='no-papers'>Failed to refresh papers. Please try again later.</div>", "Error"
 
 demo = gr.Blocks(css=css)
 
 with demo:
     with gr.Column(elem_classes=["container"]):
         gr.Markdown("# Daily Papers", elem_classes=["title"])
+        with gr.Row(elem_classes=["footer"]):  # Move buttons above the paper list
+            prev_button = gr.Button("← Prev")
+            page_info = gr.Markdown()
+            next_button = gr.Button("Next →")
+        
         with gr.Row(elem_classes=["search-row"]):
             search_input = gr.Textbox(label="", placeholder="Search papers...")
             refresh_button = gr.Button("↻", variant="primary")
-        paper_list = gr.HTML(elem_classes=["paper-list"])
         
-        with gr.Row(elem_classes=["footer"]):
-            prev_button = gr.Button("← Prev", interactive=True)
-            page_info = gr.Markdown()
-            next_button = gr.Button("Next →", interactive=True)
-    
-    demo.load(initialize_app, outputs=[paper_list, page_info, prev_button, next_button])
+        paper_list = gr.HTML(elem_classes=["paper-list"])
+
+    demo.load(initialize_app, outputs=[paper_list, page_info])
     search_input.change(paper_manager.search_papers, inputs=[search_input], outputs=[paper_list])
-    refresh_button.click(refresh_papers, outputs=[paper_list, page_info, prev_button, next_button])
-    prev_button.click(paper_manager.prev_page, outputs=[paper_list, page_info, prev_button, next_button])
-    next_button.click(paper_manager.next_page, outputs=[paper_list, page_info, prev_button, next_button])
+    refresh_button.click(refresh_papers, outputs=[paper_list, page_info])
+    prev_button.click(paper_manager.prev_page, outputs=[paper_list, page_info])
+    next_button.click(paper_manager.next_page, outputs=[paper_list, page_info])
 
 demo.launch()