web: left-justify light characteristic labels

Merged multi-line light labels were centre-justified, so stacked
characteristics read ragged. Left-justify the light-text layer so the lines
align on their left edge (e.g. "Mo(U)W 20s 50m 17M" / "Mo(U)R 20s 50m 15M").

Author: beetlebugorg

web/chartplotter.mjs

@@ -1011,6 +1011,9 @@ export class ChartPlotter extends HTMLElement {
         filter: ["==", ["get", "class"], "LIGHTS"],
         layout: { "text-field": ["coalesce", ["get", "text"], ""], "text-font": FONT,
           "text-size": ["coalesce", ["get", "font_size_px"], 10], "text-anchor": "top", "text-offset": [0, 0.4],
+          // Left-justify so a merged multi-line light label's lines align on their
+          // left edge (e.g. stacked "Mo(U)W 20s 50m 17M" / "Mo(U)R 20s 50m 15M").
+          "text-justify": "left",
           "text-allow-overlap": true, "text-ignore-placement": true },
         paint: { "text-color": this.textColor(), "text-halo-color": this.textHaloColor(), "text-halo-width": 1.4, "text-halo-blur": 0.5 } },
     ];