cleanup friend invite buttons

2026-01-30 17:28:06 -05:00
parent 78785aee42
commit 8ad834d778
2 changed files with 7 additions and 10 deletions
@@ -306,12 +306,13 @@ export default function ChallengeDetail() {
                        display: 'flex',
                        justifyContent: 'space-between',
                        alignItems: 'center',
+                        gap: '1rem',
                        padding: '0.75rem',
                        border: '1px solid var(--border)',
                        borderRadius: '0.5rem'
                      }}
                    >
-                      <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>
@@ -319,6 +320,7 @@ export default function ChallengeDetail() {
                        className="btn btn-primary btn-sm"
                        onClick={() => handleInvite(friend.id, friend.username)}
                        disabled={inviting === friend.id}
+                        style={{ flexShrink: 0 }}
                      >
                        {inviting === friend.id ? 'Inviting...' : 'Invite'}
                      </button>
@@ -362,10 +364,11 @@ export default function ChallengeDetail() {
                      borderBottom: '1px solid var(--border)',
                      display: 'flex',
                      justifyContent: 'space-between',
-                      alignItems: 'center'
+                      alignItems: 'center',
+                      gap: '1rem'
                    }}
                  >
-                    <div>
+                    <div style={{ flex: 1, minWidth: 0 }}>
                      <div style={{ fontWeight: 500 }}>{user.username}</div>
                      <div style={{ fontSize: '0.875rem', color: 'var(--text-muted)' }}>{user.email}</div>
                    </div>
@@ -373,6 +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 }}
                    >
                      {inviting === user.id ? 'Inviting...' : 'Invite'}
                    </button>