Skip to content

Prevent date wrapping on narrow viewports#6

Closed
Copilot wants to merge 2 commits intomainfrom
copilot/fix-word-wrap-issue-small-screens
Closed

Prevent date wrapping on narrow viewports#6
Copilot wants to merge 2 commits intomainfrom
copilot/fix-word-wrap-issue-small-screens

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Feb 12, 2026

Date strings in table cells were wrapping at 402px viewports, splitting "2026-02-11" across lines. The Vinder and 2. plads columns already use nowrap to prevent this.

Changes

  • Added nowrap class to date <td> elements in game list tables:
    • templates/games.html
    • templates/player.html
    • templates/h2h.html
  • Added nowrap class to date <h1> in game detail page:
    • templates/game.html
- <td><a href="/game?id={{$game.ID}}">{{$game.PlayedAt.Format "2006-01-02"}}</a></td>
+ <td class="nowrap"><a href="/game?id={{$game.ID}}">{{$game.PlayedAt.Format "2006-01-02"}}</a></td>
Original prompt

This section details on the original issue you should resolve

<issue_title>Word split on small screen</issue_title>
<issue_description>After the last update one small screens (402px wide) the games list wraps the date which it did not do before and should not do. It happens on the player screen game list and h2h page as well.

The new game details page also wraps the date on small screens which it should not do.

image
image
image
image</issue_description>

Comments on the Issue (you are @copilot in this section)


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

…reens

Co-authored-by: martinohansen <2058315+martinohansen@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix word split on small screens for game lists Prevent date wrapping on narrow viewports Feb 12, 2026
Copilot AI requested a review from martinohansen February 12, 2026 15:55
@martinohansen
Copy link
Copy Markdown
Owner

@copilot take screenshots to show that it works

Copy link
Copy Markdown
Contributor Author

Copilot AI commented Feb 12, 2026

@copilot take screenshots to show that it works

Screenshot at 402px viewport showing dates no longer wrap:

Date nowrap fix at 402px

All dates (2026-02-11, 2026-02-04, etc.) now remain on a single line with the nowrap class applied. Fixed in commit a05cb5a.

@martinohansen martinohansen deleted the copilot/fix-word-wrap-issue-small-screens branch March 10, 2026 16:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Word split on small screen

2 participants