GitLab pages, when printed, should use more appropriate page layout

Summary

GitLab pages, when printed, waste a significant portion of each page (primarily on the left side), costing extra time and money and being less convenient to use.

Also, if you press Ctrl-P or otherwise issue a print command before the page has fully loaded, it will print the content loading spinner, rather than waiting for the page to complete loading.

The behavior from browsers is currently a bit different - Safari has the most pronounced waste of space on the left; whereas Chrome and Firefox are somewhat better centered. In Chrome only, it appears that the white background of the content overlaps and cuts off the header and footer Chrome adds to each page.

Ideally there should be print output styling so that the printing experience is more consistent across browsers and less wasteful overall.

Steps to reproduce

Go to https://gitlab.com/gitlab-com/runbooks/blob/master/howto/patroni-management.md and print to PDF to see a preview of what would be printed.

What is the current bug behavior?

A lot of whitespace goes to waste on printed pages.

What is the expected correct behavior?

Printed pages make good, efficient use of the pager space.

Relevant logs and/or screenshots

Output of checks

This bug happens on GitLab.com