Taxonomy: Fix delete button alignment on Edit Tag screen.

t-hamano · t-hamano · commit 860e5faee16b · 2026-05-13T11:59:24.000Z
The delete button on the Edit Tag screen was misaligned after the form control updates in [61645]. Switch the action buttons row to a flexbox layout for stable alignment. Follow-up to [61645]. Props mukesh27, tusharbharti, wildworks. Fixes #65233. git-svn-id: https://develop.svn.wordpress.org/trunk@62357 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
@@ -942,13 +942,6 @@ a#remove-post-thumbnail:hover,
 	line-height: 2.30769231; /* 30px */
 }
 
-#delete-link {
-	line-height: 2.30769231; /* 30px */
-	vertical-align: middle;
-	text-align: left;
-	margin-left: 8px;
-}
-
 #delete-link a {
 	text-decoration: none;
 }
diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css
@@ -1542,6 +1542,9 @@ p.popular-tags a {
 }
 
 .edit-tag-actions {
+	display: flex;
+	align-items: center;
+	gap: 8px;
 	margin-top: 20px;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -942,13 +942,6 @@ a#remove-post-thumbnail:hover,`
`942`	`942`	`line-height: 2.30769231; /* 30px */`
`943`	`943`	`}`
`944`	`944`
`945`		`-#delete-link {`
`946`		`- line-height: 2.30769231; /* 30px */`
`947`		`- vertical-align: middle;`
`948`		`- text-align: left;`
`949`		`- margin-left: 8px;`
`950`		`-}`
`951`		`-`
`952`	`945`	`#delete-link a {`
`953`	`946`	`text-decoration: none;`
`954`	`947`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1542,6 +1542,9 @@ p.popular-tags a {`
`1542`	`1542`	`}`
`1543`	`1543`
`1544`	`1544`	`.edit-tag-actions {`
	`1545`	`+ display: flex;`
	`1546`	`+ align-items: center;`
	`1547`	`+ gap: 8px;`
`1545`	`1548`	`margin-top: 20px;`
`1546`	`1549`	`}`
`1547`	`1550`