button overlap

This commit is contained in:
2026-01-30 19:27:09 -05:00
parent 0a9acd8442
commit ad6e686c74

View File

@@ -312,9 +312,9 @@ export default function ChallengeDetail() {
borderRadius: '0.5rem' borderRadius: '0.5rem'
}} }}
> >
<div style={{ flex: 1, minWidth: 0 }}> <div style={{ flex: 1, minWidth: 0, overflow: 'hidden' }}>
<div style={{ fontWeight: 500 }}>{friend.username}</div> <div style={{ fontWeight: 500, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{friend.username}</div>
<div style={{ fontSize: '0.875rem', color: 'var(--text-muted)' }}>{friend.email}</div> <div style={{ fontSize: '0.875rem', color: 'var(--text-muted)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{friend.email}</div>
</div> </div>
<button <button
className="btn btn-primary btn-sm" className="btn btn-primary btn-sm"