From d7ddeab2942ff65cb11599593cdac0cab1926b8e Mon Sep 17 00:00:00 2001
From: Paul Gauthier <aider@paulg.org>
Date: Fri, 3 May 2024 15:33:41 -0700
Subject: [PATCH] Updated leaderboard table styling for better readability and
 aesthetics.

---
 docs/leaderboard.md | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/docs/leaderboard.md b/docs/leaderboard.md
index bd3a06c6c..c565d4007 100644
--- a/docs/leaderboard.md
+++ b/docs/leaderboard.md
@@ -1,22 +1,22 @@
 
 # Aider's LLM code editing leaderboard
 
-<table>
-  <thead>
+<table style="width: 100%; max-width: 960px; margin: auto; border-collapse: collapse;">
+  <thead style="background-color: #f2f2f2;">
     <tr>
-      <th>Model</th>
-      <th>Percent correct</th>
-      <th>Command</th>
-      <th>Edit format</th>
+      <th style="padding: 8px; text-align: left;">Model</th>
+      <th style="padding: 8px; text-align: left;">Percent correct</th>
+      <th style="padding: 8px; text-align: left;">Command</th>
+      <th style="padding: 8px; text-align: left;">Edit format</th>
     </tr>
   </thead>
   <tbody>
     {% for row in site.data.leaderboard %}
-      <tr>
-        <td>{{ row.model }}</td>
-        <td>{{ row.second }}%</td>
-        <td><pre>{{ row.command }}</pre></td>
-        <td>{{ row.format }}</td>
+      <tr style="border-bottom: 1px solid #ddd;">
+        <td style="padding: 8px;">{{ row.model }}</td>
+        <td style="padding: 8px;">{{ row.second }}%</td>
+        <td style="padding: 8px;"><pre style="overflow-x: auto; white-space: pre-wrap;">{{ row.command }}</pre></td>
+        <td style="padding: 8px;">{{ row.format }}</td>
       </tr>
     {% endfor %}
   </tbody>