Improve team picker and buzz button for senior-friendly sizing and clarity

This commit is contained in:
2026-04-08 18:57:49 -05:00
parent ed46de26b3
commit 9c9a95206d

View File

@@ -548,7 +548,11 @@ function renderTeamPicker(){
btn.className='team-btn'+(isMine?' mine':'');
btn.style.borderColor=isMine?color:'var(--border2)';
btn.style.color=isMine?color:'var(--text)';
btn.innerHTML=`<div style="font-size:24px;">${esc(s.teamNames[i]??greekName(i))}</div><div style="font-size:12px;color:var(--dim);margin-top:4px;">${members.length} player${members.length!==1?'s':''}</div>`;
btn.style.padding='16px';
btn.style.fontSize='20px';
btn.style.fontWeight='600';
btn.style.cursor='pointer';
btn.innerHTML=`<div style="font-size:24px;">${esc(s.teamNames[i]??greekName(i))}</div><div style="font-size:14px;color:var(--dim);margin-top:4px;">${members.length} player${members.length!==1?'s':''}</div>`;
btn.onclick=()=>ws_send({type:'pick_team',teamIndex:i});
grid.appendChild(btn);
}