From a902dfebcaf972f68bcf6bc2ae4216f94674701b Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Fri, 24 Dec 2021 16:29:15 -0500
Subject: [PATCH] Fit long names on mobile

---
 web/components/bets-list.tsx    | 4 +---
 web/components/profile-menu.tsx | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx
index 52de070b..6b05c689 100644
--- a/web/components/bets-list.tsx
+++ b/web/components/bets-list.tsx
@@ -200,9 +200,7 @@ export function MyBetsSummary(props: {
   return (
     <Row className={clsx('gap-4 sm:gap-6', className)}>
       <Col>
-        <div className="text-sm text-gray-500 whitespace-nowrap">
-          Amount invested
-        </div>
+        <div className="text-sm text-gray-500 whitespace-nowrap">Invested</div>
         <div className="whitespace-nowrap">{formatMoney(betsTotal)}</div>
       </Col>
       {resolution ? (
diff --git a/web/components/profile-menu.tsx b/web/components/profile-menu.tsx
index 43022a9e..8f50fbfb 100644
--- a/web/components/profile-menu.tsx
+++ b/web/components/profile-menu.tsx
@@ -64,7 +64,7 @@ function ProfileSummary(props: { user: User }) {
       <div className="rounded-full w-10 h-10 mr-4">
         <Image src={user.avatarUrl} width={40} height={40} />
       </div>
-      <div className="truncate text-left" style={{ maxWidth: 175 }}>
+      <div className="truncate text-left" style={{ maxWidth: 140 }}>
         {user.name}
         <div className="text-gray-700 text-sm">{formatMoney(user.balance)}</div>
       </div>