Style the settings dialog better

[eliihen]

It currently does not look very good. It would be great if someone could style it better!

You need to add a styles.css file to the APITokenForm component directory and put the styles in there.

See:

• https://github.com/LibreTubeApp/LibreTube/blob/master/pages/settings.js
• https://github.com/LibreTubeApp/LibreTube/blob/master/components/APITokenForm/index.js

[eliihen]

@prattheev Awesome! Let me know if you have any questions.

I'll write a better contribution guide soon

[eliihen]

Wow, awesome! You're going all in, I love it! 😄

I like 1, 7 and 13 the most. The dark sidebar contrasts really well with the rest of the page, and I think that's what drew me to these.

The video and text part of 13 is pretty cool. The typography is pretty nice, but we should make sure that it has sufficient contrast with the background.

I would also suggest that we make the video large if the user has a very large screen. It really bugs me with YouTube that the videos are so small on my large monitor. That's why videos resize to 100% of the display height right now while staying 16:9.

I did experiment with a sidebar earlier, but it was a bit challenging to get it to work with mobile, so I didn't bother. Also there are not that many pages (but there could be more eventually).

What do you think?