From 5c98ac9b6653a44f9371f072096454971fdf6b29 Mon Sep 17 00:00:00 2001
From: Steven Dufresne <steve.dufresne@automattic.com>
Date: Fri, 19 Jul 2024 14:23:19 +0900
Subject: [PATCH] Fix copy button on comment code block. (#527)

---
 .../src/code-comments/style.scss                 | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/source/wp-content/themes/wporg-developer-2023/src/code-comments/style.scss b/source/wp-content/themes/wporg-developer-2023/src/code-comments/style.scss
index 56c19ab92..efae276d2 100644
--- a/source/wp-content/themes/wporg-developer-2023/src/code-comments/style.scss
+++ b/source/wp-content/themes/wporg-developer-2023/src/code-comments/style.scss
@@ -153,15 +153,17 @@ a):not(.wporg-developer-code-block a) {
 		display: none !important;
 	}
 
+	.wporg-developer-code-block .wp-code-block-button-container {
+		align-items: initial;
+	}
+
 	// Hide the file name in comments.
-	.wporg-developer-code-block {
-		.wp-code-block-button-container {
-			justify-content: end;
+	.wporg-developer-code-block .wp-code-block-button-container code {
+		display: none;
+	}
 
-			code {
-				display: none;
-			}
-		}
+	.wporg-developer-code-block .wp-code-block-button-container code + span {
+		grid-column: 2;
 	}
 }