From 9c770b2a59b49b7e308773c896aff82c621f498c Mon Sep 17 00:00:00 2001
From: anupkankale <anupkankaleak47@gmail.com>
Date: Mon, 27 Apr 2026 03:43:58 +0000
Subject: [PATCH] Administration: Fix spinner misalignment with 40px buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Vertically centers the 20px spinner relative to the 40px button height
introduced by the new admin design system. Formula: (40 - 20) / 2 = 10px.

- Base .spinner: margin-top 4px → 10px
- #publishing-action .spinner: remove stale 5px margin-top override
- #addtag .spinner: vertical-align top → middle
- .quick-search-wrap .spinner: margin-top -3px → 10px
- .find-box-search .spinner: add explicit top: 10px for absolute position
- widgets.css: split shared rule, update .remove-inactive-widgets margin

Fixes: https://core.trac.wordpress.org/ticket/65131

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/wp-admin/css/common.css    |  3 +--
 src/wp-admin/css/edit.css      |  2 +-
 src/wp-admin/css/media.css     |  1 +
 src/wp-admin/css/nav-menus.css |  2 +-
 src/wp-admin/css/widgets.css   | 15 +++++++--------
 5 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index 4c18ab586c359..d934d5f497791 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -961,7 +961,6 @@ a#remove-post-thumbnail:hover,
 
 #publishing-action .spinner {
 	float: none;
-	margin-top: 5px;
 }
 
 #misc-publishing-actions {
@@ -2460,7 +2459,7 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 	filter: alpha(opacity=70);
 	width: 20px;
 	height: 20px;
-	margin: 4px 10px 0;
+	margin: 10px 10px 0; /* Vertically center 20px spinner in 40px button height: ( 40 - 20 ) / 2 */
 }
 
 .spinner.is-active,
diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css
index b98dd889c59fe..d95fffbd10ebf 100644
--- a/src/wp-admin/css/edit.css
+++ b/src/wp-admin/css/edit.css
@@ -1535,7 +1535,7 @@ p.popular-tags a {
 
 #addtag .spinner {
 	float: none;
-	vertical-align: top;
+	vertical-align: middle;
 }
 
 #edittag {
diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css
index 20806972d3aa1..819702267a4b7 100644
--- a/src/wp-admin/css/media.css
+++ b/src/wp-admin/css/media.css
@@ -302,6 +302,7 @@
 	float: none;
 	left: 105px;
 	position: absolute;
+	top: 10px; /* Vertically center 20px spinner in 40px input: ( 40 - 20 ) / 2 */
 }
 
 .find-box-search,
diff --git a/src/wp-admin/css/nav-menus.css b/src/wp-admin/css/nav-menus.css
index 8e3eadaad53bc..ce61221e40895 100644
--- a/src/wp-admin/css/nav-menus.css
+++ b/src/wp-admin/css/nav-menus.css
@@ -487,7 +487,7 @@ input.bulk-select-switcher:focus + .bulk-select-button-label {
 
 .quick-search-wrap .spinner {
 	float: none;
-	margin: -3px -10px 0 0;
+	margin: 10px -10px 0 0;
 }
 
 .nav-menus-php .list-wrap {
diff --git a/src/wp-admin/css/widgets.css b/src/wp-admin/css/widgets.css
index 99039d3c7c66a..fe3653ebbc4c5 100644
--- a/src/wp-admin/css/widgets.css
+++ b/src/wp-admin/css/widgets.css
@@ -500,18 +500,17 @@ div#widgets-right .closed .widgets-sortables {
 	margin-bottom: 0;
 }
 
-.sidebar-name .spinner,
-.remove-inactive-widgets .spinner {
-	float: none;
-	position: relative;
-	top: -2px;
-	margin: -5px 5px;
-}
-
 .sidebar-name .spinner {
+	float: none;
 	position: absolute;
 	top: 18px;
 	right: 30px;
+	margin: -5px 5px;
+}
+
+.remove-inactive-widgets .spinner {
+	float: none;
+	margin: 10px 5px 0;
 }
 
 /* Dragging a widget over a closed sidebar */