fix: update paper title link and button styles in interface

css/table.css

@@ -22,7 +22,7 @@
 }
 
 .paper-title {
-    color: #1a73e8;
+    color: var(--body-text-color);
     cursor: pointer;
     text-decoration: none !important;
 }

interface.py

@@ -55,7 +55,7 @@ def format_paper_info(article):
     info.append(f"<strong>Comments</strong>: {article.numComments or 0}</p>")
     if article.paper.discussionId:
         info.append(
-            f"<a href='https://huggingface.co/papers/{article.paper.id}#community' target='_blank'>Join Discussion</a></p>")
+            f"<a href='https://huggingface.co/papers/{article.paper.id}#community' target='_blank' class='sf-button'>Join Discussion{assets.SVG_LINK}</a></p>")
 
     # Submitter information
     if article.submittedBy:
@@ -77,7 +77,7 @@ def generate_table_html(papers):
             '<th>👍 Upvotes</th>'
             '<th>💬 Comments</th>'
             '<th>📅 Date</th>'
-            '<th>arXiv</th>'
+            '<th></th>'
             '</tr></thead><tbody>']
 
     for article in papers:
@@ -92,17 +92,17 @@ def generate_table_html(papers):
 
         row = f"""
         <tr>
-            <td><a class="paper-title" href="javascript:void(0)" onclick="showDetail('{paper_id}')">{title}</a></td>
+            <td><a class="paper-title" href="{arxiv_abs_link}" target="_blank">{title}{assets.SVG_LINK}</a></td>
             <td>{upvotes}</td>
             <td>{comments}</td>
             <td>{date}</td>
-            <td><a href="{arxiv_abs_link}" target="_blank" class="sf-button">arXiv{assets.SVG_LINK}</a></td>
+            <td><a href="javascript:void(0)" onclick="showDetail('{paper_id}')" class="sf-button">Details{assets.SVG_LINK}</a></td>
         </tr>
         """
         html.append(row)
 
     html.append("</tbody></table>")
-    return "Click the paper title to view the details of the paper." + "".join(html)
+    return "".join(html)
 
 
 def build_html(papers):