Precise adjustment spinbuttons are not easily discoverable #77
Description
In issue #58, spinbuttons were added to allow precise adjustments to values. However, I was unable to find those spinbutton precision adjustments even when actively looking for them. In #58 (comment) it was revealed that they are actually hidden behind an arrow button that switches the widget row's contents. I would never have found that without that explanation, because it's way too subtle visually:
| Light | Dark |
|---|---|
 |
 |
Some problems I see with those current > buttons:
- They are semi-transparent
- They have no explanatory tooltip on hover
- Flat button style: even on hover you can barely see the button's border at all
- Those arrows almost look decorative in nature
I'm not sure if the sliding "row mode switch" behavior is useful, too.
Potential ways I could imagine this UI being made clearer:
- Use a hover tooltip to indicate what the button leads to (and also, it's kinda required for accessibility if you haven't set a label)
- Don't make the buttons flat styled nor semi-transparent
- Use an editing pen (or cogwheel or something like that?) icon instead of a just a
>? - Maybe consider using a popovermenubutton containing the spinbutton instead of an animated sliding row thing? Or maybe toggling editing/precision mode could replace the value label widget by the spinbutton, next to the slider?