From 6214b6e425a2759cc14646ccfc70a6e10b863876 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Tue, 8 Feb 2022 22:44:58 -0600
Subject: [PATCH] Truncate leaderboard name

---
 web/components/avatar.tsx      | 2 +-
 web/components/leaderboard.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/avatar.tsx b/web/components/avatar.tsx
index 76f94e88..7c61d0a2 100644
--- a/web/components/avatar.tsx
+++ b/web/components/avatar.tsx
@@ -19,7 +19,7 @@ export function Avatar(props: {
           Router.push(`/${username}`)
         }
   return (
-    <div className={`rounded-full bg-white w-${s} h-${s}`}>
+    <div className={`rounded-full bg-white flex-shrink-0 w-${s} h-${s}`}>
       {avatarUrl ? (
         <img
           className={clsx(
diff --git a/web/components/leaderboard.tsx b/web/components/leaderboard.tsx
index eaa0fc4d..f5d7ae47 100644
--- a/web/components/leaderboard.tsx
+++ b/web/components/leaderboard.tsx
@@ -36,7 +36,7 @@ export function Leaderboard(props: {
               {users.map((user, index) => (
                 <tr key={user.id}>
                   <td>{index + 1}</td>
-                  <td>
+                  <td style={{ maxWidth: 190 }}>
                     <SiteLink className="relative" href={`/${user.username}`}>
                       <Row className="items-center gap-4">
                         <Avatar avatarUrl={user.avatarUrl} size={8} />