From bf1aed356319401cc88c44950deddfa0c13a5902 Mon Sep 17 00:00:00 2001
From: Rob Rusher <rrusher@adobe.com>
Date: Fri, 19 Jan 2024 12:27:30 -0700
Subject: [PATCH 1/3] Adjusted the city text and styling

---
 blocks/look-ahead-list/look-ahead-list.css | 6 +++++-
 blocks/look-ahead-list/look-ahead-list.js  | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/blocks/look-ahead-list/look-ahead-list.css b/blocks/look-ahead-list/look-ahead-list.css
index 83ae15ad..cb8c9eb4 100644
--- a/blocks/look-ahead-list/look-ahead-list.css
+++ b/blocks/look-ahead-list/look-ahead-list.css
@@ -4,6 +4,10 @@
   align-items: center;
 }
 
+.section.look-ahead-list-container.community-directory-container .look-ahead-list {
+  margin-bottom: 15px;
+}
+
 .look-ahead-list-container > .default-content-wrapper {
   text-align: center;
 }
@@ -69,7 +73,7 @@
   width: 100%;
   overflow-y: auto;
   top: 39px;
-  z-index: 1;
+  z-index: 2;
 }
 
 /* Style for the dropdown options */
diff --git a/blocks/look-ahead-list/look-ahead-list.js b/blocks/look-ahead-list/look-ahead-list.js
index 413018c8..da5e7b87 100644
--- a/blocks/look-ahead-list/look-ahead-list.js
+++ b/blocks/look-ahead-list/look-ahead-list.js
@@ -77,6 +77,8 @@ export default async function decorate(block) {
     const listItem = document.createElement('a');
     listItem.href = community.path;
     listItem.innerText = `${communityName.split(',')[0]} (${communityName})`;
+    if (config.text && config.text.toUpperCase() === 'CITY')
+      listItem.innerText = `${communityName.split(',')[0]}`;
     dropContent.append(listItem);
   });
   list.append(dropContent);

From 0d07abcba427808c7b69465697b542020eba4a87 Mon Sep 17 00:00:00 2001
From: Rob Rusher <rrusher@adobe.com>
Date: Fri, 19 Jan 2024 12:31:04 -0700
Subject: [PATCH 2/3] add braces

---
 blocks/look-ahead-list/look-ahead-list.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/blocks/look-ahead-list/look-ahead-list.js b/blocks/look-ahead-list/look-ahead-list.js
index da5e7b87..4fa0e9d9 100644
--- a/blocks/look-ahead-list/look-ahead-list.js
+++ b/blocks/look-ahead-list/look-ahead-list.js
@@ -77,8 +77,9 @@ export default async function decorate(block) {
     const listItem = document.createElement('a');
     listItem.href = community.path;
     listItem.innerText = `${communityName.split(',')[0]} (${communityName})`;
-    if (config.text && config.text.toUpperCase() === 'CITY')
+    if (config.text && config.text.toUpperCase() === 'CITY') {
       listItem.innerText = `${communityName.split(',')[0]}`;
+    }
     dropContent.append(listItem);
   });
   list.append(dropContent);

From 37d0c450c7d82bf64bd13fd2eb421c9c850b775f Mon Sep 17 00:00:00 2001
From: Rob Rusher <rrusher@adobe.com>
Date: Fri, 19 Jan 2024 12:34:31 -0700
Subject: [PATCH 3/3] css linting

---
 blocks/look-ahead-list/look-ahead-list.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/blocks/look-ahead-list/look-ahead-list.css b/blocks/look-ahead-list/look-ahead-list.css
index cb8c9eb4..5003bbf8 100644
--- a/blocks/look-ahead-list/look-ahead-list.css
+++ b/blocks/look-ahead-list/look-ahead-list.css
@@ -4,10 +4,6 @@
   align-items: center;
 }
 
-.section.look-ahead-list-container.community-directory-container .look-ahead-list {
-  margin-bottom: 15px;
-}
-
 .look-ahead-list-container > .default-content-wrapper {
   text-align: center;
 }
@@ -32,6 +28,10 @@
   width: 100%;
 }
 
+.section.look-ahead-list-container.community-directory-container .look-ahead-list {
+  margin-bottom: 15px;
+}
+
 .look-ahead-list input {
   width: 97%;
   padding: 5px 0 5px 20px;