rules

app.py

@@ -75,41 +75,38 @@ def scoring_section():
     
     leaderboard_df = pd.DataFrame(data)
 
-    # Style the DataFrame for a cleaner look
-    styled_df = leaderboard_df.style.set_table_styles([
-        {
-            "selector": "th",
-            "props": [
-                ("background-color", "#4C4C4C"),
-                ("color", "#FFFFFF"),
-                ("text-align", "center"),
-                ("font-weight", "bold"),
-                ("padding", "6px"),
-            ]
-        },
-        {
-            "selector": "td",
-            "props": [
-                ("text-align", "center"),
-                ("padding", "6px"),
-            ]
-        },
-        {
-            "selector": "tr:nth-child(even)",
-            "props": [
-                ("background-color", "#F9F9F9"),
-            ]
-        },
-        {
-            "selector": "tr:nth-child(odd)",
-            "props": [
-                ("background-color", "#FFFFFF"),
-            ]
-        }
-    ])
+    # Define custom CSS for a cleaner table
+    table_css = """
+    <style>
+    table {
+      border-collapse: collapse;
+      margin: 10px 0;
+      font-size: 1em;
+      width: 100%;
+    }
+    th, td {
+      border: 1px solid #ddd;
+      padding: 8px;
+      text-align: center;
+    }
+    th {
+      background-color: #4C4C4C;
+      color: #ffffff;
+    }
+    tr:nth-child(even) {
+      background-color: #f9f9f9;
+    }
+    tr:nth-child(odd) {
+      background-color: #ffffff;
+    }
+    </style>
+    """
+
+    # Convert the DataFrame to HTML without showing the index
+    styled_html = leaderboard_df.to_html(index=False)
     
-    # Convert to HTML without including the index
-    st.write(styled_df.to_html(index=False), unsafe_allow_html=True)
+    # Combine the CSS with the HTML table
+    st.markdown(table_css + styled_html, unsafe_allow_html=True)