Improve narrow YouTube Click to Load placeholders

[kzar]

When the YouTube Click to Load placeholders are very narrow, the
information text takes up too much space and some of the other
elements are lost. Let's tweak narrow placeholders, to hide that
information text and move the "Learn more" link. This isn't the best
approach (using @container queries[1] might be better), but this code
is going to be refactored shortly anyway.

1 - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries

[franfaccin]

I think you're handling well these changes. I wonder if it would be best to create a new text in the config instead of moving the "learn more" around. But there wouldn't be much gain either way, and like you said, we will likely refactor this code soon, so it should be fine to leave it like this to unblock you. I left some other general comments, ping me if you have any questions :)

[kzar]

I wonder if it would be best to create a new text in the config instead of moving the "learn more" around.

Yea, you're right there. Moving the string around like this isn't correct really, and with the new preview sub-heading string the link is included. I figured this is pragmatic for now though, in particular since we're doing the same thing when adding this particular link originally - we append it to a div with the text content of hoverTextBody + ' '.