applets/notifications: Fix spacing & move job details button to new row
Previous version
On the same row, next to the pause and cancel buttons, there is confusion as to what the button means, as the other buttons relate to job actions. Now, it is placed on a separate row with a label.Note: On the After screenshots below, the "jobActionsRow" is forced visible to test spacing. It is not visible normally when copying files.
Item | Before | After |
---|---|---|
Collapsed | ||
Expanded |
I would prefer to use ToolButton (flat) but it would be inconsistent with the job actions buttons forced visible in the after screenshots.
Moves the job actions (details, pause, cancel) to a new row, with details separated from the other actions. This prevents confusion as to what the details button means, as the other buttons relate to job actions. By moving everything to a new row, we can increase the width of the progress bar and include labels to the buttons so their meaning is clear.
Thanks to @broulik for suggesting a better design!
State | Before | After |
---|---|---|
Collapsed | ||
Expanded |
Edited by Oliver Beard