Many text are truncated (at least in FR version)

[Facyla]

Description

This is both for the web and mobile versions, though it happens more the mobile app in portrait mode for obvious reasons.
Non-exhaustive list of interface elements and texts that are truncated on mobile version :

• "Modif..." (the button that triggers the messages select checkboxes)
• "Boîte de r..." (the main page title!)
• the email sender's name (truncated at about 14 letters, without dots or other visual indication of the truncation)
• "Créer une règle à partir de ce" (when clicking on an email sender's name)
• the email addresses when viewing an email's TOs and CCs (for this one there's a lot a space to gain by reducing left padding and lower a little the font size)

Also, not a truncated but a missing text, when replying to a message, one would expect to have something in the title bar besides only icons; could be eg. a functional title like "Reply to all" or "Reply to sender", or the replied-to email title, or some other useful information like the position into the discussion replies, etc.

Resolution suggestions

For the relevant parts :

• interface: reduce padding/margins, reduce the font size
• user content (email titles, email addresses, email content): reduce padding, reduce font size for some elements, better handle horizontal scrolling on mobile, eg. by avoiding it or display the scroll bar if overflowing content in the block. For important elements that users should be able to read fully: display it on several lines, or provide any mean to access the full content (long press to display a modal, etc.)

Current behavior

Some texts are so truncated that user lack context or information (or has only access to a part of it) + it looks unfinished.

Context

Mostly on mobile version, but there are also issues on the web version, eg. when replying to an email, the title has so much left padding (almost half of title header) so it ends up truncated too much