Long text is still getting truncated in the Settings screen
Summary
Settings screen display has evolved with https://gitlab.e.foundation/e/backlog/-/issues/6010, however it still needs some optimization.
Description
What is the current behavior?
Long text (usually coming from translation in other languages) is truncated in the Settings
screen of App Lounge.
What is the improved behavior?
Fine tune the text margins so long text fits:
- Let's push the checkboxes further to the right side and give them a 16px margin from the right edge.
- Move "Terms of Service" and Login buttons to the right side too so they have a 16 pixels margin like checkboxes ( need consistent alignment for the entire screen).
- For each one of the options, please extend the text containers (title and description) so that there's an 8 pixels space between the text boxes and the checkboxes.
Mock-ups
https://www.figma.com/file/GwR6qGc147EjyVErIYHiBn/02-AppLounge-%F0%9F%94%A8?node-id=1651%3A7980
/!\ Please don't mind the radio buttons in the mockup, we're using only checkboxes in this screen
What does it bring?
Better readability.
Examples
Validation
Edited by Aude M