Limit subject height shrinks subjects too much on small screens

[eatyourgreens]

Package

• lib-classifier

Describe the bug

Some of the Squirrel Mapper subjects are now very small on mobile, an unintended consequence of the new image sizing styles?

To Reproduce

Visit the squirrel workflow on a phone. You might have to refresh a couple of times in order to get a small image.

Expected behavior

Subject images should fill the width of the screen on a phone, in portrait orientation.

Device information

Smartphone (please complete the following information):

• Device: iPhone Xs
• OS: iOS 17.4.1
• Browser: Safari

[eatyourgreens]

Bumping this because it’s still a problem, almost 6 months later.
https://www.zooniverse.org/projects/bcosentino/squirrelmapper/classify/workflow/20578

[eatyourgreens]

Here’s the same bug on Science Scribbler, with a tablet-sized screen. In the single column layout, the subject doesn't expand to fill the available space.

[eatyourgreens]

I just triggered this bug on Squirrel Mapper, but this time I remembered to save the subject ID: 103856571.

This link should reproduce the bug on a small screen:
https://www.zooniverse.org/projects/bcosentino/squirrelmapper/classify/workflow/20808/subject/103856571

Here's that same page in desktop Firefox, so this isn't a Safari or iOS bug.

The subject image is 640px wide, so easily big enough to fill the width of the screen on a phone or small tablet.

[eatyourgreens]

The bug goes away when the subject viewer has a banner.

[eatyourgreens]

Here's another example that just came up on Squirrel Mapper, subject 103863673.

https://www.zooniverse.org/projects/bcosentino/squirrelmapper/classify/workflow/20808/subject/103863673