Add a compact one-line account layout

[nomadcyber903]

Feature request
The current account cards take up a lot of vertical space. When I have many 2FA accounts, this requires a lot of scrolling.
It would be useful for me to have a compact layout where each account is displayed on a single row, while keeping the circular TOTP countdown.

For example:
[Logo] Issuer [15] 123456 ⋮
[Logo] Issuer [15] •••••• ⋮
[Logo] Issuer [15] •••••• ⋮
[Logo] Issuer [15] •••••• ⋮

The circular countdown can remain, but the account should no longer need a large separate card with multiple rows of controls.

Suggested interactions
To make the row more compact:
Tapping the account row could copy the current TOTP code to the clipboard.
The separate copy button would no longer be necessary.
The ⋮ menu could contain actions such as:
Show/hide TOTP
Copy TOTP
Edit account
Other account-specific actions
The circular TOTP countdown should remain visible next to the code.

This would allow significantly more accounts to be displayed on the screen at the same time and reduce the amount of scrolling required.

Expected result
A compact one-line account layout would make Mauth much easier to use for users with a large number of 2FA accounts, while retaining the circular TOTP countdown and access to the existing account actions.

[X1nto]

How's this? Top account is HOTP (not time-based) and the bottom one is TOTP (time-based). I didn't know where to put the HOTP counter so I threw it under the 3 dot menu. The countdown for TOTP is stored inside the dots. As the count goes down, the dots get "emptied".

[nomadcyber903]

The design looks good to me. I can't really speak for other users, but I like the compact layout.

One thing I'm not completely clear on: how would copying the TOTP code to the clipboard work? Would tapping the visible code copy it, or would there be a "Copy code" option in the ⋮ menu?

[X1nto]

The design looks good to me. I can't really speak for other users, but I like the compact layout.

One thing I'm not completely clear on: how would copying the TOTP code to the clipboard work? Would tapping the visible code copy it, or would there be a "Copy code" option in the ⋮ menu?

Tapping on the account itself will copy the code to clipboard. I guess I can also add it to the 3 dot menu.

[nomadcyber903]

That's actually what I was hoping for. Personally, I prefer as few interactions as possible, so tapping the account itself to immediately copy the code would be ideal for me.

However, that's just my personal preference, and I can't speak for other users. I think the 3-dot menu option could still be useful for others who prefer having an explicit "Copy code" action.