refactor: simplify sidebarlayout and removed nested divs

[jderochervlk]

There were a lot of extra divs leading to some layout wonkiness at different screen sizes.

Before

After

[cloudflare-workers-and-pages]

Deploying rescript-lang-org with    Cloudflare Pages

Latest commit:	af23177
Status:	✅  Deploy successful!
Preview URL:	https://634efa5f.rescript-lang.pages.dev
Branch Preview URL:	https://vlk-fix-sidebarlayout-overfl.rescript-lang.pages.dev

View logs

[fhammerschmidt]

Hmmm, is the smaller left padding deliberate?

[jderochervlk]

Hmmm, is the smaller left padding deliberate?

Nope, I have a few things to cleanup.

[jderochervlk]

Hmmm, is the smaller left padding deliberate?

Fixed.

[fhammerschmidt]

Ah so you wanted to put the sidebar actually on the side now?
Regardless, the content ist left-aligned as well now, not sure that is an improvement.

[jderochervlk]

Ah so you wanted to put the sidebar actually on the side now? Regardless, the content ist left-aligned as well now, not sure that is an improvement.

Moving it to the side wasn't intended. I was simplifying some of the divs to address content overflowing at different break points. It shouldn't look too different from prod right now.

[fhammerschmidt]

Almost! Text needs some padding on the left.

[jderochervlk]

Almost! Text needs some padding on the left.

Done! I also made some padding tweaks for smaller screens to remove some of the extra whitespace on tablets and large phones.

[fhammerschmidt]

I now have this weird glitch

[jderochervlk]

I now have this weird glitch

Can you take another look? This should be ready to merge.

[fhammerschmidt]

hmm its just a different glitch now

[jderochervlk]

Closing this out because it became too complicated. I have a better idea on how to tackle this.