Merge pull request 2i2c-org#214 from jnywong/patch-table-design

🎨 Update table design

Author: jnywong

frx_challenges/web/templates/results.html

@@ -26,10 +26,9 @@ <h1>Leaderboard</h1>
         <div class="row py-2">
             <div class="col py-2">
                 <div class="table-responsive">
-                    <table id="results" class="table table-striped">
+                    <table id="results" class="table hover">
                         <thead>
                             <tr>
-                                <th scope="col">ID</th>
                                 <th scope="col">Date created</th>
                                 <th scope="col">Submission Name</th>
                                 {% for md in metadata_display %}<th scope="col">{{ md }}</th>{% endfor %}
@@ -39,12 +38,11 @@ <h1>Leaderboard</h1>
                         <tbody>
                             {% for result in results %}
                                 <tr>
-                                    <td>{{ result.submission.id }}</td>
-                                    <td>{{ result.submission.created_at|date:"c" }}</td>
                                     <td>
                                         <a href='{% url "submissions-detail" result.submission.id %}'>{{ result.submission.name }}</a>
                                     </td>
                                     {% for m in result.metadata %}<td>{{ m }}</td>{% endfor %}
+                                    <td>{{ result.submission.created_at|date:"c" }}</td>
                                     {% for r in result.best_version.latest_evaluation.ordered_results %}
                                         <td scope="col">
                                             {% if r %}{{ r }}{% endif %}
@@ -64,11 +62,11 @@ <h1>Leaderboard</h1>
           const resultsTable = new DataTable("#results", {
               order: [
                   // Apply reverse chronological ordering by default
-                  [1, "desc"]
+                  [0, "desc"]
               ],
               columnDefs: [
                   {
-                      targets: 1,
+                      targets: 0,
                       render: (data) => {
                           return dayjs(data).fromNow();
                       }

frx_challenges/web/templates/submission/list.html

@@ -30,7 +30,7 @@ <h1>My Submissions</h1>
     <div class="container py-2">
         <div class="row py-2">
             <div class="table-responsive">
-                <table id="results" class="table table-striped">
+                <table id="results" class="table hover">
                     <thead>
                         <tr>
                             <th scope="col">Name</th>