Table css

judge/views/contests.py

@@ -964,7 +964,7 @@ class ContestStats(TitleMixin, ContestMixin, DetailView):
 
 ContestRankingProfile = namedtuple(
     "ContestRankingProfile",
-    "id user points cumtime tiebreaker participation "
+    "id user username points cumtime tiebreaker participation "
     "participation_rating problem_cells result_cell",
 )
 
@@ -985,6 +985,7 @@ def make_contest_ranking_profile(
     return ContestRankingProfile(
         id=user.id,
         user=user,
+        username=user.username,
         points=points,
         cumtime=cumtime,
         tiebreaker=participation.tiebreaker,

resources/blog.scss

@@ -304,7 +304,7 @@
         display: flex;
         background: inherit;
         gap: 0.3em;
-        overflow-x: scroll;
+        overflow-x: auto;
     }
 
     .blog-box {

resources/table.scss

@@ -16,16 +16,18 @@
         background: white;
     }
 
+    &.no-border {
+        td, th {
+            border: none;
+        }
+    }
+
     td:first-child {
         border-color: $border_gray;
         border-width: 1px 1px 0 1px;
     }
 
     tr:last-child td {
-        &:first-child {
-            border: 1px solid $border_gray;
-        }
-
         border-color: $border_gray;
         border-width: 1px 1px 1px 0;
     }

resources/users.scss

@@ -167,6 +167,11 @@ th.header.rank {
         color: gray !important;
         font-weight: 600;
     }
+
+    .rank-td {
+        font-weight: bold;
+        width: 2em;
+    }
 }
 
 #search-form {

templates/user/base-users-table.html

@@ -1,6 +1,6 @@
 <thead>
   <tr>
-    <th class="header rank">{{ rank_header or _("Rank") }}</th>
+    <th class="header rank">{{ rank_header or "" }}</th>
     {% block after_rank_head %}{% endblock %}
     <th class="header username">{{ _('Username') }}{% block username_head_extra %}{% endblock %}</th>
     {% block before_point_head %}{% endblock %}

templates/user/base-users-two-col.html

@@ -24,8 +24,8 @@
 
   {% block before_table %}{% endblock %}
 
-  <div style="overflow-x: scroll;">
+  <div style="overflow-x: auto;">
-    <table id="users-table" class="table">
+    <table id="users-table" class="table striped no-border">
       {% block users_table %}{% endblock %}
     </table>
   </div>

templates/user/users-table.html

@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block after_rank %}
-  <td><img loading="lazy" style="border: 2px solid lightblue; max-width: none;" class="user-img" src="{{ gravatar(user, 45) }}" height="45px" width="45px"></td>
+  <td><img loading="lazy" style="max-width: none;" class="user-img" src="{{ gravatar(user, 40) }}" height="40px" width="40px"></td>
 {% endblock %}
 
 {% block user_footer %}