make card name text span the whole card when using due dates

Describe the solution you'd like
Currently, when a user adds a due date to a card, the due date indicator makes all the text shift to the left which could then make the card a different size. This looks very awkward.

I would expect that the due date indicator be above the text and that the text covers the full length of the card. I would also expect that for longer titles, that the text would be truncated in order to maintain consistent sizing of the cards.

Describe alternatives you've considered
I don't know any other alternatives

Additional context
From the help forum thread:

...I think it’s a matter of time to implement it and can be solved ẃith a little bit css float and clear magic - probably it is currently implemented simply with display: flex;.
Feel free to open a feature request and ideally provide a Pull Request to fix it :slight_smile:
PS.: The Android app won’t be able to solve this easily because Android does not support floating containers out of the box. There are a few libs, but they all don’t look that well maintained…

https://pix.toile-libre.org/upload/original/1607173250.png

https://pix.toile-libre.org/upload/original/1607173290.png

No files or tests are named. Reproduce the card layout with and without a due date using the issue screenshots and help-forum context, then locate the card and due-date rendering in the frontend. Done means the due-date indicator sits above the title, titles use the full card width, and long titles are truncated without changing card sizing.