The image of the spool doesn't have a margin by itself, contrary to the other images which have a visual margin given by the size of the table. We have to give it a margin manually. This is one of the consequences of encoding margins inside of images that may be used all over the place. We can't just remove the margins inside of the image because the laptop image will be used in other places too.
Just adding a margin would subtract from the size of the spool image making it very small. To compensate I'm making the spool image slightly bigger.
Contributes to issue CURA-8609.
* Skip button
- Moved to the left, such that a user won't click on it mindlessly
- Made it a Tertiary button, so it will have predictable margins
* Sign-in button
- Moved to the right bottom, making it the logical next option
* Create an account
- Moved to be inline with skip and sign-in
- Made it a secondary button as requested by UX
Contributes to CURA-8602
Rather than from the QML.
This allows creating this dialogue from a message button without needing to put it in the base application.
Contributes to issue CURA-8609.
Instead of inverting the fill and the text color in those buttons when hovering on those buttons, they will now show a light background fill when hovered.
CURA-8421
The sign in button has a different size when you are logged in, where the account avatar was being drawn in the middle of the Sign In button. This was causing a weird alignment of the ApplicationSwitcher next to it, as it was adding an extra margin.
This is now fixed by making sure that the width of the button that has to do with account adjusts according to whether you are logged in or not. This makes the ApplicationSwitcher icon move when you log in but looks more natural relatively to the account button.
CURA-8421
When the displayname of the app is long and it spans to the next line, it was pushing the icon up in the column, making it seem like it is misaligned. This is now fixed and the icons should be aligned regardless if the display name has one or two lines.
CURA-8421
By default in all of our themes this ends up being the same distance at 100% pixel scale, but it now scales according to the pixel scale of the user's screen while still being properly rounded to integer coordinates.
The icon is called People in the UX team's icon system, and we need to stay aligned to that.
The high detail variant has an extra person in it.
Contributes to issue CURA-8530.
