From d3db670a5c150e51873fdd75439f5d64bc765738 Mon Sep 17 00:00:00 2001
From: StevenDufresne <dufresnesteven@gmail.com>
Date: Tue, 5 Dec 2023 20:54:25 +0900
Subject: [PATCH] Update event list UI.

---
 .../postcss/blocks/wporg-google-map.pcss               |  6 +++++-
 .../themes/wporg-events-2023/src/event-list/index.php  | 10 ++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

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 eff575e589..840869a998 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,13 +32,17 @@
 	}
 
 	.wporg-marker-list-item__title {
+		margin: 0;
 		font-family: var(--wp--preset--font-family--inter);
 		font-size: var(--wp--preset--font-size--normal);
 		line-height: var(--wp--custom--body--typography--line-height);
-
 		--wp--preset--spacing--30: 0;
 	}
 
+	.wporg-marker-list-item__title a {
+		text-decoration: none;
+	}
+
 	.wporg-marker-list-item__date-time {
 		@media (--medium) {
 			display: block;
diff --git a/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php b/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php
index 5091e55943..9eafebcb19 100644
--- a/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php
+++ b/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php
@@ -57,15 +57,17 @@ function render( $attributes, $content, $block ) {
 
 	foreach ( $filtered_events as $event ) {
 		$content .= '<li class="wporg-marker-list-item">';
-		$content .= '<h3 class="wporg-marker-list-item__title">' . $event->title . '</h3>';
-		$content .= '<div class="wporg-marker-list-item__location">' . $event->location . '</div>';
-		$content .= '<div class="wporg-marker-list-item__date-time">' . $event->timestamp . '</div>';
+		$content .= '<h3 class="wporg-marker-list-item__title"><a class="external-link" href="' . esc_url( $event->url ) . ' ">' . esc_html( $event->title ) . '</a></h3>';
+		$content .= '<div class="wporg-marker-list-item__location">' . esc_html( $event->location ) . '</div>';
+		$content .= '<div class="wporg-marker-list-item__date-time">' . esc_html( $event->timestamp ) . '</div>';
 		$content .= '</li>';
 	}
 
 	$content .= '</ul>';
 
-	$wrapper_attributes = get_block_wrapper_attributes();
+	$wrapper_attributes = get_block_wrapper_attributes( array(
+		'class' => 'wp-block-wporg-google-map',
+	) );
 	return sprintf(
 		'<div %1$s>%2$s</div>',
 		$wrapper_attributes,