From 61c2f43cb204a54b988f9b08969e091dcc70f548 Mon Sep 17 00:00:00 2001
From: Tosin Oguntuyi <tcubed03@gmail.com>
Date: Fri, 8 Nov 2024 17:21:48 +0100
Subject: [PATCH] Use block style for edit link

---
 .../blocks/pages/events/event-details/render.php          | 8 ++++----
 themes/wporg-translate-events-2024/style.css              | 6 +-----
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/themes/wporg-translate-events-2024/blocks/pages/events/event-details/render.php b/themes/wporg-translate-events-2024/blocks/pages/events/event-details/render.php
index e522f126..63500807 100644
--- a/themes/wporg-translate-events-2024/blocks/pages/events/event-details/render.php
+++ b/themes/wporg-translate-events-2024/blocks/pages/events/event-details/render.php
@@ -22,9 +22,9 @@
 /-->
 
 <?php if ( current_user_can( 'edit_translation_event', $event->id() ) ) : ?>
-<a class="details-edit-event" href="<?php echo esc_url( Urls::event_edit( $event->id() ) ); ?>">
-	<span class="dashicons dashicons-edit"></span><?php echo esc_html__( 'Edit Event', 'wporg-translate-events-2024' ); ?>
-</a>
+	<div class="wp-block-button is-style-outline is-style-outline--13 details-edit-event">
+		<a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( Urls::event_edit( $event->id() ) ); ?>"><?php echo esc_html__( 'Edit Event', 'wporg-translate-events-2024' ); ?></a>
+	</div>
 <?php endif; ?>
 
 <?php
@@ -32,7 +32,7 @@
 	if ( $event->is_past() ) :
 		?>
 		<!-- wp:wporg/notice {"type":"alert", "style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}}}} -->
-		<div class="wp-block-wporg-notice is-alert-notice" style="margin-top:var(--wp--preset--spacing--20)">
+		<div class="wp-block-wporg-notice is-alert-notice" style="margin-top:var(--wp--preset--spacing--40)">
 			<div class="wp-block-wporg-notice__icon"></div>
 			<div class="wp-block-wporg-notice__content">
 				<p>
diff --git a/themes/wporg-translate-events-2024/style.css b/themes/wporg-translate-events-2024/style.css
index 205dfe4d..c30b9a6a 100644
--- a/themes/wporg-translate-events-2024/style.css
+++ b/themes/wporg-translate-events-2024/style.css
@@ -212,11 +212,7 @@ span.user-remote-icon.dashicons-video-alt2 {
 	display: inline-block;
 }
 
-a.details-edit-event span.dashicons-edit {
-	vertical-align: text-bottom;
-}
-
-a.details-edit-event {
+div.details-edit-event {
 	float: right;
 	text-decoration: none;
 }