Small change to report CSS to prevent unhelpful page breaks

What is the general goal of the feature?
To make printing of reports more readable

What are the most likely user stories for how and when this would be used by someone on your team?
When I print a report, I want the survey question, graphics, and results to all be on the same page for ease of reading.

How useful would this feature be to other users or organizations?
Basically everyone would benefit from this

What can you contribute to making this feature a reality?
All you need to do is modify the style for div class “.report-view__item” to include break-inside: avoid. In other words, something like this:

.report-view__item {
    break-inside: avoid;

But this should NOT become the geberal standard, as other user, like us, may prefer to avoid more pages and half-empty pages for print.
As it’s pdf, you might use a pdf edit tool to adapt the output to your demands.
Best regards

From what I can tell each graphic is approximately half page high so you don’t get excess pages, plus there’s always print two to a sheet to help with excess printing.

(sent using a tiny tiny keyboard and an index finger; apologies in advance for typos)