fix: update button styles and margin in interface

css/interface.css

@@ -12,12 +12,12 @@
 }
 
 .sf-button {
-    background: black;
-    border: 1px solid #f9f9f9;
+    background: var(--body-background-fill);
+    border: 1px solid var(--body-text-color);
     border-radius: 6px;
     padding: 0 .5rem;
     cursor: pointer;
-    color: white;
+    color: var(--body-text-color);
     font-weight: bold;
     text-align: center;
     text-decoration: none;

interface.py

@@ -96,7 +96,7 @@ def generate_table_html(papers):
             <td>{upvotes}</td>
             <td>{comments}</td>
             <td>{date}</td>
-            <td><a href="javascript:void(0)" onclick="showDetail('{paper_id}')" class="sf-button">Details{assets.SVG_LINK}</a></td>
+            <td><a href="javascript:void(0)" onclick="showDetail('{paper_id}')" class="sf-button" style="margin: 0">Details{assets.SVG_LINK}</a></td>
         </tr>
         """
         html.append(row)