diff --git a/public_html/wp-content/themes/wporg-events-2023/postcss/blocks/wporg-google-map.pcss b/public_html/wp-content/themes/wporg-events-2023/postcss/blocks/wporg-google-map.pcss index d653987eab..257fc959ae 100644 --- a/public_html/wp-content/themes/wporg-events-2023/postcss/blocks/wporg-google-map.pcss +++ b/public_html/wp-content/themes/wporg-events-2023/postcss/blocks/wporg-google-map.pcss @@ -32,7 +32,12 @@ grid-template-columns: 60% 1fr 1fr; } + &:first-child { + border-radius: 2px 2px 0 0; + } + &:last-child { + border-radius: 0 0 2px 2px; border-bottom: 1px solid var(--wp--preset--color--light-grey-1); } @@ -70,31 +75,19 @@ @media (--small) { display: inline-flex; - justify-content: right; - } - - @media (--medium) { - .wporg-google-map__date { - display: block; - } - } - - @media (--huge) { + justify-content: flex-end; white-space: nowrap; - - .wporg-google-map__date { - display: inline-block; - } + align-items: center; } - } - .wporg-google-map__date { - position: relative; + @media (--wide) { + display: flex; + } } .wporg-marker-list-item__location::after, .wporg-google-map__date::after { - content: ''; + content: ""; margin-top: -1px; /* vertical-middle doesn't subtract the size of the element */ margin-left: 10px; margin-right: 10px; @@ -116,27 +109,6 @@ display: none; } } - - @media (--wide) { - .wporg-marker-list-item__date-time { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-end; - } - - .wporg-google-map__date:after { - display: inline-block; - } - } - - &:first-child { - border-radius: 2px 2px 0 0; - } - - &:last-child { - border-radius: 0 0 2px 2px; - } } .wporg-map-marker__title {