From 421ed05d8d22dff8d39628fd3051da0f049d5062 Mon Sep 17 00:00:00 2001
From: Michael Reinhard <mreinhard@google.com>
Date: Tue, 22 Oct 2024 17:49:44 -0700
Subject: [PATCH] fix: remove <br> from Store Locator for a11y

PiperOrigin-RevId: 688752839
---
 src/store_locator/store_locator.ts        | 2 +-
 src/store_locator/store_locator_styles.ts | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/store_locator/store_locator.ts b/src/store_locator/store_locator.ts
index 4e227cb..3f779a1 100644
--- a/src/store_locator/store_locator.ts
+++ b/src/store_locator/store_locator.ts
@@ -420,7 +420,7 @@ export class StoreLocator extends BaseComponent {
               </div>
             </button>
             <div class="address">
-              ${join(listing.addressLines ?? [], html`<br>`)}
+              ${(listing.addressLines ?? []).map((line) => html`<p>${line}</p>`)}
             </div>
             <div class="actions">
               ${join(actionButtons, html``)}
diff --git a/src/store_locator/store_locator_styles.ts b/src/store_locator/store_locator_styles.ts
index fd19e87..26a8a0b 100644
--- a/src/store_locator/store_locator_styles.ts
+++ b/src/store_locator/store_locator_styles.ts
@@ -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;