Problem
On the issue detail page, the title edit button is currently tied to the title’s final character. This changes the alignment of that character and creates a visible baseline/spacing defect, especially when a long title wraps across lines.
The attached screenshot shows the problem on a multi-line issue title.
Expected behavior
Keep the title’s existing text alignment and wrapping behavior, but pin the edit button to the final word as a unit rather than to the final character.
Acceptance criteria
- The title’s final word and edit button stay together when wrapping permits, so the button does not become detached from the word.
- The final character has the same baseline, line height, weight, and spacing as the rest of the title.
- Adding the edit button does not change the title’s existing alignment or the vertical alignment of the final line.
- Long multi-line titles wrap naturally without clipping or horizontal overflow.
- Single-word titles and unusually long final words degrade safely at narrow viewport widths.
- The behavior is consistent in light and dark modes and at the supported responsive breakpoints.
- Add a rendering regression test covering a wrapped title where the final word and edit button move together.