[Issue] Gallery view when forced to column mode should autosize correctly

[vladmandic]

Issue Description

in side-by-side view if screen is wide enough everything looks fine.
but resizing browser window to force re-layout to column mode makes each column take too much space so there is a massive gap between input and output columns.

for example:

when there is enough room, columns should be auto-sized to fit like this:

but i haven't been able to set css rules to work,

Backend

Chrome (and derivatives)

Branch

Desktop

Version Platform Description

No response

Relevant log output

No response

Acknowledgements

• I have read the above and searched for existing issues

[vladmandic]

@BinaryQuantumSoul if you have any ideas, let me know. i'm guessing this is pretty much due to flex grow, but i cannot figure out what is it growing to.

[BinaryQuantumSoul]

I think it is the aspect-ratio css value on control columns children. I put it because when there were no images, it looked too narrow, but there may be different approaches

[vladmandic]

thats it! also needed to remove some width: 100% and replace with max-width so images would not blow up, but looking good now.