Fit all markers into the initial view, fix dark mode map labels

[skerbis]

Problem

Depending on the viewport, parts of the map were cut off in the initial view. The map forced minZoom: 2 and fixed maxBounds, so MapLibre zoomed in further than fitBounds wanted. On anything narrower than ~1920px the markers at the edges (US west coast, Australia) were outside the view; a phone only showed longitudes −18…48.

In dark mode the map labels looked like outlined text: the theme rules for labels never applied because the property/type check expected symbol-*, while label paint properties are text-* / icon-*. The Liberty default (dark text, white halo) stayed active.

Changes

• Drop maxBounds: MapLibre already keeps the single world (renderWorldCopies: false) inside the viewport.
• Derive minZoom from the viewport width (full world width fits, max 2), updated on resize. Large screens keep the previous look without empty margins.
• Smaller fit padding on small screens (60px top/bottom for controls and banner, 20px left/right), also used for the cluster zoom.
• Map container gets the theme's water color as background, so the area outside the world at low zoom is not grey/white.
• Theme rules now apply text-* / icon-* properties to symbol layers. Labels are plain light text with a subtle dark halo in dark mode; the intended light mode label colors apply now as well.

Result

Checked headless in Chromium (181 markers, hidden markers in the initial view):

Viewport	before	after
1024×768 … 3440×1440	0–2	0
375×667 (phone portrait)	4	2
768×1024 (tablet portrait)	2	2

In portrait, MapLibre always fills the viewport height with the world. The markers span 274° of longitude, so the two outermost ones cannot fit there; the rest is centered.

Initial view, desktop 1280×720

Initial view, phone 375×667

Dark mode labels

Initial view, desktop dark mode

🤖 Generated with Claude Code