Fix / layout shift when controls are focussed on android talkback

[langemike]

We need a gap of at least 1px so the screen reader focus outline doesn't corrupt the layout when these elements get focussed. This only happens on the Android screen reader (TalkBack).

Related PR: Videodock/ott-web-app#123

Ticket: https://videodock.atlassian.net/browse/OTT-1305

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[royschut]

Don't we want a few pixels more?

[langemike]

Don't we want a few pixels more?

Chris mentioned it. Giving it a few pixels more won't make it align with something, so I reasoned it's a little bit 'arbitrary' and subjective. However, if you think a few pixels more enhances something (visually, UX-wise), I will happily perform the change. I just thought to keep it as-is based on the reason I just mentioned. 😄

[royschut]

@ChristiaanScheermeijer Mergy?

[ChristiaanScheermeijer]

Didn't we solve this in the implementation? If not, let's merge :-D

[langemike]

I have losen track of this one. Also I cannot merge due to a github restriction. It says:

Merging is blocked - The base branch restricts merging to authorized users. Learn more about protected branches.

[ChristiaanScheermeijer]

I found it. Because we don't use this in the jwplayer/vd-ott-app repo yet, we also changed this in the TileDock component. So, lets merge this as well to prevent running into this again later.