maps.google.com - design is broken

[baranitharan2020]

URL: https://maps.google.com/localguides/event/summit

Browser / Version: Firefox 57.0
Operating System: Windows 7
Tested Another Browser: Yes

Problem type: Design is broken
Description: Text is over lapped
Steps to Reproduce:
Expected Result: Date and place is Correctly display.
Actual Result: Summit17 is overlapped with the date and place.

From webcompat.com with ❤️

[karlcow]

@baranitharan2020 Indeed this is happening for only specific sizes.

At the same size. Safari.

with a bit of outline.

Probably because of the padding-top in percentage.

.events-ui-view .summit-event .header .message {
	background: url("/localguides/app/img/lg-summit17-title.png") top no-repeat;
	background-size: contain;
	color: #263238;
	padding-top: 4%;
	text-align: center;
}

[karlcow]

Duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=958714

[miketaylr]

(marking as fixed, because the bugzilla bug is fixed now in 60)