diff --git a/public/style.css b/public/style.css index b419d96a..e865b785 100644 --- a/public/style.css +++ b/public/style.css @@ -2650,9 +2650,14 @@ button.ch-item:hover .ch-icon-btn { opacity: 1; } into an unreadable single line spanning the whole map. Wrap it onto multiple lines instead. Width is in ch (character-relative) rather than px so the box scales with font-size -- a fixed px width left - room for barely one word per line at larger text sizes. */ + room for barely one word per line at larger text sizes. The + tooltip's containing pane has no intrinsic width, so a plain + width:auto block collapses to min-content (one word per line, + ignoring max-width entirely) -- width:max-content makes it size to + its content up to max-width instead. */ .leaflet-tooltip.packet-path-tooltip { white-space: normal; + width: max-content; max-width: 28ch; }