diff --git a/src/store_locator/store_locator.ts b/src/store_locator/store_locator.ts
index 22a3204..3f779a1 100644
--- a/src/store_locator/store_locator.ts
+++ b/src/store_locator/store_locator.ts
@@ -415,12 +415,12 @@ export class StoreLocator extends BaseComponent {
.place=${listing.placeResult}>
- ${join(listing.addressLines ?? [], html`
`)}
+ ${(listing.addressLines ?? []).map((line) => html`
${line}
`)}
${join(actionButtons, html``)}
@@ -465,16 +465,16 @@ export class StoreLocator extends BaseComponent {
const header = this.featureSet === FeatureSet.BASIC ?
nothing :
html`
-
-
+
`;
return html`
diff --git a/src/store_locator/store_locator_styles.ts b/src/store_locator/store_locator_styles.ts
index df5ec96..26a8a0b 100644
--- a/src/store_locator/store_locator_styles.ts
+++ b/src/store_locator/store_locator_styles.ts
@@ -54,18 +54,18 @@ export const storeLocatorStyles = css`
padding: 0.5em;
}
- #locations-panel-list > header {
+ #locations-panel-list > .header {
padding: 1.4em 1.4em 0 1.4em;
}
- #locations-panel-list h1.search-title {
+ #locations-panel-list .search-title {
align-items: center;
display: flex;
font: ${GMPX_FONT_TITLE_LARGE};
margin: 0;
}
- #locations-panel-list h1.search-title .icon {
+ #locations-panel-list .search-title .icon {
font-size: 150%;
margin-right: 0.2em;
}
@@ -101,7 +101,7 @@ export const storeLocatorStyles = css`
outline-offset: -2px;
}
- #location-results-list h2 {
+ #location-results-list .name {
font: ${GMPX_FONT_TITLE_LARGE};
margin: 0 0 0.6em 0;
}
@@ -111,6 +111,10 @@ export const storeLocatorStyles = css`
margin-bottom: 0.5em;
}
+ #location-results-list .address p {
+ margin: 0;
+ }
+
#location-results-list gmpx-place-directions-button {
position: absolute;
right: 1.2em;
@@ -162,4 +166,4 @@ export const storeLocatorStyles = css`
fill: #3367D6;
fill-opacity: 50%;
}
-`;
\ No newline at end of file
+`;