Improve backup codes UI/UX

[ChristophWurst]

We recently added a new setting to the personal settings page – the ability to generate backup codes, which can be used in case users lose access to their second factor. At the moment, the user interface doesn't look that nice:

@nextcloud/designers any idea how we could make a prettier user interface out of that? Would be great if someone could create a mockup 🎨 🚀

ref #1171

[MariusBluem]

• A bit of space between the explanation and the codes.
• Show only 5 codes in one row instead of 10.

And for all other 2FA's:

• Put all 2FA stuff into one single menu instead of giving every plugin (and now the codes) an own space on the personal-page.

[ChristophWurst]

Put all 2FA stuff into one single menu instead of giving every plugin (and now the codes) an own space on the personal-page.

If that were possible, I'd dot it 😉

[MariusBluem]

If that were possible, I'd dot it 😉

Isnt this also possible on admin-page with the encryption stuff. "No Encryption plugin loaded". We could do the same for 2FA - we load all plugins into a single column. 😉

[ChristophWurst]

Isnt this also possible on admin-page

Yes, it is. But AFAIK only on the admin page and not for personal settings. cc @blizzz

[blizzz]

Isnt this also possible on admin-page

Yes, it is. But AFAIK only on the admin page and not for personal settings. cc @blizzz

Yupp. The intention is to integration personal and admin settings to have just one "settings". We're not there yet and personal settings were not touched.

[MariusBluem]

Yupp. The intention is to integration personal and admin settings to have just one "settings". We're not there yet and personal settings were not touched.

I have some aspects speaking against that - but this is not the right place to discuss 😁