UI: User info dialog updates

[tooomm]

Related Ticket(s)

• Follow up to UI: Improve alignment in user info #4524

Short roundup of the initial problem

Alignment was mixed across various lines.

What will change with this Pull Request?

• Reorder information to avoid alignment issues
• Move user "level" icon in front of the user name
• Flag icon a tiny bit smaller
• Some reordering and updated names

Screenshots

• before
  

• after
  

Note: I think the new account creation date from #4526 looks a bit odd as is right now. 🤔

[ebbit1q]

I do think the pawn is sorta part of the user level though, also I removed the hardcoded multiple from the user age part refer to #4120

[ZeldaZach]

No objections to moving the pawn up by the username, looks neat. Would still like location to be 2nd tho

[tooomm]

I do think the pawn is sorta part of the user level though

I guess one could argue the pawn as visual representation of a player with their role is closely connected to the player and his user name as well. It feels natural to me to have it like that - the creator is listed exactly like that in the list of games. Basically all occurrences of the player name have the pawn close by.
The text explanation should be there nonetheless of course.

Both ways of placement are fine I guess, but this way it help with the alignment issue.

No objections to moving the pawn up by the username, looks neat. Would still like location to be 2nd tho

I thought that might bring us in the same situation where there is an icon in one line with text below it and it would result in the same alignment issues this tries to circumvent.

Turns out, it looks ok as it's only one icon:
vs.

I prefer the first one too now. :D

Another thing:
The resizing behavior of the avatar is unchanged and feels a bit weird, but I found no quick solution for it.

[ZeldaZach]

Remind me to change the User level to be commas instead of bars, and to make DONATOR/VIP as capital case first then lowercase

[tooomm]

Remind me to change the User level to be commas instead of bars, and to make DONATOR/VIP as capital case first then lowercase

The acronym VIP should stay all capital letters though.

[tooomm]

@ZeldaZach Reminder

[tooomm]

Remind me to change the User level to be commas instead of bars, and to make DONATOR/VIP as capital case first then lowercase

The acronym VIP should stay all capital letters though.

@ZeldaZach I think it's ok to put a second reminder after one year.

Anyways, this can be merged I guess?