Improve logging button

[grzanka]

Whole row should be clickable, not only icon:

[matuszsmig]

@grzanka how should log in/log out button look like when user is logged? There is no information about logging out until we hover on this button

[grzanka]

@grzanka how should log in/log out button look like when user is logged? There is no information about logging out until we hover on this button

I would remove the username: replace "admin" with "Log out admin" text and use different icon.

[matuszsmig]

Right now looks like this:

Which icon should I use? @grzanka

[matuszsmig]

@grzanka I have devided log out message into two lines:

• "Log out"
• user nickname

In case of too long nickname we have two solutions: -Behaves normal way if text doesn't fit it not appear -We may use text-overflow: ellipsis; and it will wrap into "sometex..."

Which one solution is better?

[grzanka]

Second one is better

[matuszsmig]

@grzanka https://github.com/yaptide/ui/pull/1518 is ready for Code Review and then for Merge