HiLogout
Item: Login - Settings: Fields in row.

Label: Logout - User: Name.
Login & Logout
Show Login and Password fields to allow users to directly access a reserved area page.
HiLogout


Item: Logout
- Pick the user you prefer according to needs -
Margin, border and color of field or button, can be customized.
The images has been added only to show you what the final result will look like.
HiLogout
HiLogout
Item: Login
- Rounded corners on the left - line under the fields on the right; Fields in coloumn -