The name of a To-do item is not visible fully when on mobile

[kwiniarski97]

Description

PROBLEM
When on mobile resolutions, longer tasks name are not fully visible. The name of the tickets is truncated and ellipsis is added. I don't think this is (or should be) intended behavior. It is cumbersome to read any To-do tasks when they have a bit longer tasks names. Take a look a the screenshot. It has been taken on try.vikunja.io

PROPOSED SOLUTION
I believe a better approach would be to wrap the text rather than to cut it short. This is e.g. how MS TODO looks like:

The solution itself seems rather simple as you would need to change the CSS of .task .tasktext by removing those two properties:

  white-space: nowrap;
  text-overflow: ellipsis;

Vikunja Frontend Version

try.vikunja.io (doesn't show version)

Vikunja API Version

v0.19.2+88-f5fd849a0b

Browser and version

firefox 105.0.3 (reproductible on other browsers too)

Can you reproduce the bug on the Vikunja demo site?

Yes

Screenshots

Already included in ticket.

Version of app: