Task area is not responsive for Survey tasks

[seanmiller26]

Package

Describe the bug

When reducing the browser window the subject continues to get smaller but the task area does not, taking up the same amount of space. This makes the subject area unusable, blocking many elements on the screen.

To Reproduce

Steps to reproduce the behavior:

1. Go to Snapshot Serengeti
2. Shrink your browser width to just above 768
3. See unusable subject area

Applicable Panoptes resource IDs (project, workflow, etc) to demonstrate the issue:

Expected behavior

Similar to other FEM task areas, which shrink alongside the subject area:

Device information

Desktop:

• Browser: Chrome

Additional context

Add any other context about the problem here.

[Saicbmm]

For the Snapshot Serengeti bug, it appears that there are already zooming features available for the subject (represented as magnifying glasses) and they do just fine. You shouldn't have to shrink your browser width if you want to zoom in on the subject. However, I do believe that the subject should still be properly visible since users can also use the keyboard shortcut to zoom in/out. My suggestion is that when the user zooms in using the keyboard shortcut, the length of the image size shouldn't go beyond 80% visibility. A control flow program should be given with a decision to use keyboard shortcut or the given UI feature, but not both. In other words, top priority while coding should be given for image visibility.

[mcbouslog]

@seanmiller26 - adding word-break: normal; overflow-wrap: anywhere; creates the following:

Is this preferable, addresses this issue?

Reference for when this is revisited - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_text/Wrapping_breaking_text .

[seanmiller26]

I think we should hold off on this issue and address #6237 and #6238 first. Let's unify the styling and then we can go from there.

If we have time I'd be happy to talk further about breakpoints. I think there's a lot of options we can explore, but the above isn't the ideal solution.