Reorganize Overlay

[gabehxd]

First time with CSS, sorry about any errors or issues.

[synap5e]

Hi

Thanks for this! Adding a full-width mode was something on my list of features I wanted for this extension.
Ideally it would be an option chosen by the streamer, as the current style was decided on based on some feedback with other potential users.

I think making it configurable should be easy with using twitch's configuration service https://dev.twitch.tv/docs/tutorials/extension-101-tutorial-series/config-service

If you are interested in giving that a go, that would help otherwise I will try to find the time to add it myself over the next few weeks.

[gabehxd]

I will look into making the layout a configuration along with opacity. This is my first time using this set of languages/tools so it may not be best quality.

[synap5e]

I'm happy to review and provide feedback, or even help with solving the problems you encounter if you would like.

[synap5e]

Thanks for this!
I'm in the process of reviewing this and testing it out on twitch - hopefully will be done by this weekend :)

How was the experience of testing/running it while developing? Did you use the twitch extension mode or running the frame externally?

[gabehxd]

I only tested layout changes and I wasn't able to test the config API unfortunately but overall testing the layout changes wasn't too hard.