From 94c9e28393c73c090a7d077d99080dad75365902 Mon Sep 17 00:00:00 2001
From: Mike Johnston <mike@nervesocket.com>
Date: Fri, 30 Jan 2026 19:37:21 -0500
Subject: [PATCH] new button fix

---
 frontend/src/pages/ChallengeDetail.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/ChallengeDetail.jsx b/frontend/src/pages/ChallengeDetail.jsx
index b62335a..b435ccb 100644
--- a/frontend/src/pages/ChallengeDetail.jsx
+++ b/frontend/src/pages/ChallengeDetail.jsx
@@ -312,15 +312,15 @@ export default function ChallengeDetail() {
                         borderRadius: '0.5rem'
                       }}
                     >
-                      <div style={{ flex: 1, minWidth: 0, overflow: 'hidden' }}>
-                        <div style={{ fontWeight: 500, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{friend.username}</div>
-                        <div style={{ fontSize: '0.875rem', color: 'var(--text-muted)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{friend.email}</div>
+                      <div style={{ flex: 1, minWidth: 0 }}>
+                        <div style={{ fontWeight: 500 }}>{friend.username}</div>
+                        <div style={{ fontSize: '0.875rem', color: 'var(--text-muted)' }}>{friend.email}</div>
                       </div>
                       <button
                         className="btn btn-primary btn-sm"
                         onClick={() => handleInvite(friend.id, friend.username)}
                         disabled={inviting === friend.id}
-                        style={{ flexShrink: 0 }}
+                        style={{ flexShrink: 0, width: 'auto' }}
                       >
                         {inviting === friend.id ? 'Inviting...' : 'Invite'}
                       </button>
@@ -376,7 +376,7 @@ export default function ChallengeDetail() {
                       className="btn btn-primary btn-sm"
                       onClick={() => handleInvite(user.id, user.username)}
                       disabled={inviting === user.id}
-                      style={{ flexShrink: 0 }}
+                      style={{ flexShrink: 0, width: 'auto' }}
                     >
                       {inviting === user.id ? 'Inviting...' : 'Invite'}
                     </button>