Settings modal section titles need more space

[ChristophWurst]

Steps to reproduce

1. Open the app
2. Configure an account
3. Open the app settings in the bottom left

Expected behavior

Nice visuals

Actual behavior

Header	Header

Mail app version

3.5

Mailserver or service

No response

Operating system

No response

PHP engine version

None

Web server

None

Database

None

Additional info

No response

[ChristophWurst]

@nimishavijay we use https://nextcloud-vue-components.netlify.app/#/Components/App%20containers/NcAppSettings?id=ncappsettingsdialog. Should that component have a wider column for the section names or be responsive depending on text length?

[ChristophWurst]

Hovering ellipsized headings does not show the full text. This might also be an a11y issue. cc @JuliaKirschenheuter

[jancborchardt]

Yes it would probably be good to make the navigation a bit wider to also account for other languages.

However it seems mail settings also has an additional issue, and all the relevant items fall into that: 1 section for 1 setting, which ends up in way too many sections:

• Activate body search (first off, really weird naming … :D more understandable would be "Search in mail body text")
• Data collection consent
• Reply text position
• Also "Writing mode"
• Generally: Any setting that is only a single checkbox or an either-or setting.

All of these do not need their own sections, but can be put in one section called e.g. "General" which would be towards the top, probably directly below the aliases.