Spaces:
Running on Zero
Running on Zero
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.