More robust .with-notes CSS layout

When this commit is finished, modern browsers will have a far less
buggy layout on .with-notes pages. The main improvements are:

1. Simplified padding on .with-notes columns, allowing us to link to
   an individual column (eg: /inspect#side-report-secondary) without
   the browser scrolling down to jump over the #map_sidebar padding on
   desktop browsers. Making hash fragment scrolling work means we can
   automatically scroll Inspectors down to the Inspect form, when they
   click the Inspect button on mobile devices, without worrying about
   it breaking the desktop experience.
2. Flexible .with-notes column widths, meaning the layout no longer
   breaks when long sidebar content triggers a scrollbar and decreases
   the usable width of the sidebar. A predefined width for #side-report
   means we can make sure .shadow-wrap is the correct width, despite
   its fixed position taking it out of the document flow.

We make a trade-off on mid-size screens (768-960px), of hiding the map
to keep the two-column sidebar usable. Will revisit if it turns out
this causes problems later on.

0 files changed, 0 insertions, 0 deletions