Map Layout Zoom Control Spacing Fix

[jakeymac]

Description

This merge request addresses two spacing issues in MapLayout:

• A gap between the "fit to extent" and zoom out buttons in the map zoom controls.
• Extra empty space at the bottom of the page when the MapLayout has a subtitle or a multi-line title

See images below:

Changes Made to Code

• Adjust styling to remove empty space between the 'fit to extent' and zoom out buttons.
• Adjust styling to remove empty space along the bottom of the page.

Before:

After:

Before:

After:

Quality Checks

• At least one new test has been written for new code
• New code has 100% test coverage
• Code has been formatted with Black
• Code has been linted with flake8
• Docstrings for new methods have been added
• The documentation has been updated appropriately

[coveralls]

coverage: 100.0%. remained the same — map-zoom-button-fix into main

[Copilot]

Pull request overview

This PR adjusts the OpenLayers zoom/extent control styling in MapLayout to eliminate the unwanted gap between the “fit to extent” control and the zoom-out button.

Changes:

• Update .ol-zoom-extent positioning from a fixed px value to an em-based offset (top: 2.75em) for consistent spacing.
• Align the .ol-zoom-extent button height with the standard control button height (2.25em) to remove the leftover gap.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.