fixes map sizing issues and table pagination

[designmatty]

Overview

• fixes The facility list pagination UI is not visible at narrow screen widths #328
• fixes Investigate map height adjustments #314
• fixes Adjust static map marker size #313
• added a class to contributor meta-data (in the map/sidebar layout) which will force a line break when the string is longer than the containing sidebar.

Demo

Testing Instructions

• view a facility and check it's static map.
  • Should no longer be warped.
• view a facility contributor list table, resize screen and scroll table.
  • Pagination should not scroll left or right.

[kellyi]

Heads up that there are some linter errors preventing CI from building this branch:

/usr/local/src/src/components/FacilityListItemsTable.jsx
    9:8  error  'TableRow' is defined but never used                     no-unused-vars
  194:9  error  Expected indentation of 12 space characters but found 8  react/jsx-indent
  213:1  error  Expected indentation of 12 spaces but found 8            indent
  213:9  error  Expected indentation of 12 space characters but found 8  react/jsx-indent

✖ 4 problems (4 errors, 0 warnings)
  3 errors and 0 warnings potentially fixable with the `--fix` option.

[designmatty]

Sorry about that, I always forget this project has a linter.

[jwalgran]

Is this empty tag intentional/required?

[designmatty]

This shouldnt be required. I'll remove it.

[jwalgran]

These fixes look good. Thanks.

This has a slightly tricky merge conflict with #378 where we added a status line.

My idea for reconciling this is to move the status line up out of the FacilityListItemTable component into the FacilityListItem component

I changed the status style to help draw attention

fontSize: '1rem',
fontWeight: 500,
padding: '0.5rem',

[designmatty]

I rebased and updated some styling to that message. I was able to keep the message within the area it was originally placed.

[jwalgran]

Thanks for these fixes. Looking good.