Update app.py

app.py

@@ -125,7 +125,7 @@ body {
     position: relative;
 }
 button, .button {
-    background-color: #4a4a4a;
+    background-color: #4caf50;  /* Modern green color */
     color: white;
     border: none;
     padding: 0.5rem 1rem;
@@ -136,7 +136,15 @@ button, .button {
     line-height: 1.25rem;
 }
 button:hover, .button:hover {
-    background-color: #2d2d2d;
+    background-color: #388e3c;  /* Darker green on hover */
+}
+button.refresh-btn {
+    padding: 0.5rem;  /* Smaller padding for refresh button */
+    font-size: 1rem;
+    background-color: #2196f3;  /* Blue color for refresh button */
+}
+button.refresh-btn:hover {
+    background-color: #1976d2;  /* Darker blue on hover */
 }
 .no-papers {
     text-align: center;
@@ -208,7 +216,7 @@ with demo:
         paper_list = gr.HTML(elem_classes=["paper-list"])
 
     demo.load(initialize_app, outputs=[paper_list, page_info])
-    refresh_button = gr.Button("↻", variant="primary")  # Refresh button kept here
+    refresh_button = gr.Button("↻", variant="primary", elem_classes=["refresh-btn"])  # Refresh button styled and resized
     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])