riyadhafraa
38f9564476
Task #173. The per-attendee `<li>` in `AttendeeFlow` only had `whitespace-nowrap` in non-editable mode. Once edit mode was on, the LI was just `min-w-[3rem]`, so the inline-block `EditableCell` was free to wrap below the small index `<span>` whenever the attendee name was wider than the LI's content box. The result was the stacked "number on top, name below" layout the user reported (e.g. "محمد علي (Webex)" pushed onto a second line under "1-"). Fix: always apply `whitespace-nowrap` on each attendee `<li>`, and keep `min-w-[3rem]` only when editable so empty edit targets still have a usable click area. The parent `<ul flex-wrap>` already handles wrapping between attendees, which is the desired behavior when the cell is narrow. Multi-group layout (Virtual / Internal / External headers as separate rows), the pending "+ Add attendee" ghost row, and the dashed click underline (still hugging only the name) are all unchanged. Edit-toggle e2e tests (2 specs) still pass. Code review: PASS.