From 5f050e4e78f87adbb95ef6c60f9f8f2a4ad4fe76 Mon Sep 17 00:00:00 2001
From: "Felix T.J. Dietrich" <felix_dietrich@gmx.de>
Date: Sun, 22 Sep 2024 10:04:25 +0200
Subject: [PATCH] fix minor issues in leaderboard

---
 .../leaderboard/leaderboard.component.html    | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/webapp/src/app/home/leaderboard/leaderboard.component.html b/webapp/src/app/home/leaderboard/leaderboard.component.html
index 376867e9..8eab294a 100644
--- a/webapp/src/app/home/leaderboard/leaderboard.component.html
+++ b/webapp/src/app/home/leaderboard/leaderboard.component.html
@@ -11,9 +11,9 @@
     @for (entry of leaderboard(); track entry.githubName) {
       <tr appTableRow>
         <td appTableCell class="text-center">{{ entry.rank }}</td>
-        <td appTableCell>
+        <td appTableCell class="py-2">
           <a href="https://github.com/{{ entry.githubName }}" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 font-medium">
-            <app-avatar class="-my-2">
+            <app-avatar>
               <app-avatar-image [src]="entry.avatarUrl ?? ''" [alt]="entry.name + '\'s avatar'" />
               <app-avatar-fallback>
                 {{ entry.name?.slice(0, 1)?.toUpperCase() }}
@@ -23,25 +23,27 @@
           </a>
         </td>
         <td appTableCell class="text-center">{{ entry.score }}</td>
-        <td appTableCell class="flex items-center gap-3">
-          @if (entry.changesRequested && entry.changesRequested.length > 0) {
-            <div class="flex items-center gap-1 text-github-danger-foreground" title="Changes Requested">
-              <ng-icon [svg]="octFileDiff" size="16" />
-              {{ entry.changesRequested.length }}
-            </div>
-          }
-          @if (entry.approvals && entry.approvals.length > 0) {
-            <div class="flex items-center gap-1 text-github-success-foreground" title="Approvals">
-              <ng-icon [svg]="octCheck" size="16" />
-              {{ entry.approvals.length }}
-            </div>
-          }
-          @if (entry.comments && entry.comments.length > 0) {
-            <div class="flex items-center gap-1 text-github-muted-foreground" title="Comments">
-              <ng-icon [svg]="octComment" size="16" />
-              {{ entry.comments.length }}
-            </div>
-          }
+        <td appTableCell class="py-2">
+          <div class="flex items-center gap-3">
+            @if (entry.changesRequested && entry.changesRequested.length > 0) {
+              <div class="flex items-center gap-1 text-github-danger-foreground" title="Changes Requested">
+                <ng-icon [svg]="octFileDiff" size="16" />
+                {{ entry.changesRequested.length }}
+              </div>
+            }
+            @if (entry.approvals && entry.approvals.length > 0) {
+              <div class="flex items-center gap-1 text-github-success-foreground" title="Approvals">
+                <ng-icon [svg]="octCheck" size="16" />
+                {{ entry.approvals.length }}
+              </div>
+            }
+            @if (entry.comments && entry.comments.length > 0) {
+              <div class="flex items-center gap-1 text-github-muted-foreground" title="Comments">
+                <ng-icon [svg]="octComment" size="16" />
+                {{ entry.comments.length }}
+              </div>
+            }
+          </div>
         </td>
       </tr>
     }