From 127f6c4c052496c3a5f40f298f6c2744b5ff8dd8 Mon Sep 17 00:00:00 2001 From: altugank Date: Tue, 9 Jun 2026 16:13:54 +0300 Subject: [PATCH 1/2] fix: heading spacing and button icon vertical alignment Admin UI polish, verified in a live WordPress 7.0 install: - Main heading (.wp-puller-title) had no breathing room because WP core's `.wrap h1` (margin:0) out-specified the single-class selector. Raise specificity to `.wp-puller-wrap .wp-puller-title` and give it top/bottom margin (16px/28px), a little top padding, and a 10px gap between the icon, title, and version badge. - Dashicons inside buttons rendered with an inherited line-height (~30px) in a 16px-tall box, pushing the glyph off-center. Pin each icon's line-height to its box height (16px buttons, 28px title) so glyphs sit centered. Co-Authored-By: Claude Opus 4.8 (1M context) --- wp-puller/assets/css/admin.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/wp-puller/assets/css/admin.css b/wp-puller/assets/css/admin.css index a36334b..3e6b919 100644 --- a/wp-puller/assets/css/admin.css +++ b/wp-puller/assets/css/admin.css @@ -11,20 +11,22 @@ margin: 20px 20px 20px 0; } -.wp-puller-title { +.wp-puller-wrap .wp-puller-title { display: flex; align-items: center; - gap: 8px; + gap: 10px; font-size: 23px; font-weight: 400; - margin: 0 0 20px; - padding: 0; + margin: 16px 0 28px; + padding: 10px 0 0; + line-height: 1.3; } .wp-puller-title .dashicons { font-size: 28px; width: 28px; height: 28px; + line-height: 28px; color: #2271b1; } @@ -196,6 +198,7 @@ font-size: 16px; width: 16px; height: 16px; + line-height: 16px; } /* Update Result */ @@ -286,6 +289,7 @@ font-size: 16px; width: 16px; height: 16px; + line-height: 16px; } /* Webhook Card */ @@ -346,6 +350,7 @@ font-size: 16px; width: 16px; height: 16px; + line-height: 16px; } /* Instructions */ From 7070e5d56bd80298de34f651ca7ab6242eb07987 Mon Sep 17 00:00:00 2001 From: altugank Date: Tue, 9 Jun 2026 16:15:02 +0300 Subject: [PATCH 2/2] fix: use maintainer-preferred heading margins (0 top, 1rem bottom) Co-Authored-By: Claude Opus 4.8 (1M context) --- wp-puller/assets/css/admin.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/wp-puller/assets/css/admin.css b/wp-puller/assets/css/admin.css index 3e6b919..f0d3144 100644 --- a/wp-puller/assets/css/admin.css +++ b/wp-puller/assets/css/admin.css @@ -17,8 +17,8 @@ gap: 10px; font-size: 23px; font-weight: 400; - margin: 16px 0 28px; - padding: 10px 0 0; + margin: 0px 0 1rem 0px; + padding: 0px 0 0; line-height: 1.3; }