This is an annoyance I stumble again and again:
Almost every time I try to click an input field, instead of clicking the input field, I end up clicking the left arrow. The click area of these elements is very very small.
If you play the animation, you'll notice the mouse is closer to the Input field, but instead the Left Arrow is clicked.
I'd appreciate if there was, either:
- A wider space between the input field and the arrows
- Make the arrows larger, and farther away from the Input field
- Bigger input fields, wider
- A mouse over state, i.e. make the Input field darker when the mouse is over them, and also make the arrows highlight on mouse over
That would help the user, they'd be sure what is going to be activated on mouse click.