fix(frontend): group source and result panels for responsive layout

#1
by fffiloni - opened

Hey! I made a small frontend layout cleanup in index.html.

The previous DOM order was optimized for the desktop grid:

source header β†’ result header β†’ source frame β†’ result frame β†’ controls β†’ result meta

That works visually on two columns, but on mobile it stacks in a slightly confusing order, with the result section appearing before the source controls.

I grouped the markup into two panels instead:

source header β†’ source frame β†’ controls

then

result header β†’ result frame β†’ result meta

The visual layout stays the same on desktop, but the mobile / narrow viewport order is now more natural and easier to follow. No JS changes needed, all existing element IDs are preserved.

Ready to merge
This branch is ready to get merged automatically.

Sign up or log in to comment