Design: Adapt the -/+ 10s buttons

[oas777]

Compared to https://tinyurl.com/2gox7lms, they are too large and not aligned horizontally. Please also check the font is the same as other buttons in the control bar.

[miesgre]

@oas777 We updated the player. Can you test it works as expected?
Demo: https://polimediaupv.github.io/paella-ethz/?id=belmar-multiresolution-remote

[oas777]

Almost... the "Forward 10 seconds" button is cut off on the right side. And maybe you could align the numbers "10" with the playback rate number horizontally?

[oas777]

[miesgre]

Almost... the "Forward 10 seconds" button is cut off on the right side.

It's a bug in Windows, in OSX works correctly. We will try to fix it.

And maybe you could align the numbers "10" with the playback rate number horizontally?

The time text is aligned to be vertically center and the back/forward icons are aligned in the same size and positions as the rest of the icons (play, volume, etc...).

In Lisa's designs the text is not aligned:

But, If you want it aligned we can:

1. Down the time text:
   

2. Up the back/forward icons. But the there will not be aligned to the rest of the icons:
   

[oas777]

You're right, Lisa didn't align them, but I like the second option better:

What do you think? What does Carlos think?

[miesgre]

I prefer the lisa's design. The second option, the icon is not aligned inside the button and I find it annoying. But is'a a personal opinion.

@turro What do you think?

[turro]

I am not a visual design expert, but I like more the aligned numbers like Olaf said ;-)

[miesgre]

I aligned the text as second option.
Demo: https://polimediaupv.github.io/paella-ethz/?id=belmar-multiresolution-remote

[miesgre]

I aligned the text as second option.
Demo: https://polimediaupv.github.io/paella-ethz/?id=belmar-multiresolution-remote

It should also fix the cut off text in windows

[oas777]

Looks, good, thanks.