From a84fef2f6c9adcaa411dcabe9457b4a9be4cb2ac Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 2 Mar 2026 14:02:55 -0600 Subject: [PATCH 1/9] Set inline edit input fields to use compact size --- src/wp-admin/css/list-tables.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index c4fb3d042b372..1b009294a153f 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1081,6 +1081,13 @@ tr.inline-edit-row td { vertical-align: top; } +.inline-edit-row select, +.inline-edit-row input:not([type=checkbox],[type=radio],[type=submit]) { + line-height: 2.14285714; + min-height: 32px; + padding: 0 24px 0 8px; +} + #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { max-width: 50%; } From 3d952dfc17525e2b596d76a1708c44f6c1a85e3e Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 2 Mar 2026 14:09:17 -0600 Subject: [PATCH 2/9] Center align labels with selects --- src/wp-admin/css/list-tables.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 1b009294a153f..d2b0073303484 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1018,7 +1018,9 @@ tr.inline-edit-row td { .inline-edit-row fieldset label, .inline-edit-row fieldset span.inline-edit-categories-label { - display: block; + display: flex; + flex-wrap: wrap; + align-items: center; margin: .2em 0; line-height: 2.5; } From 2d689e69d334bc02133dbb6e1aae67cd8987b8fa Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 2 Mar 2026 14:20:06 -0600 Subject: [PATCH 3/9] Layout polish with alignments --- src/wp-admin/css/list-tables.css | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index d2b0073303484..1dc5f3bf70edf 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1021,6 +1021,7 @@ tr.inline-edit-row td { display: flex; flex-wrap: wrap; align-items: center; + gap: 6px; margin: .2em 0; line-height: 2.5; } @@ -1043,9 +1044,6 @@ tr.inline-edit-row td { .inline-edit-row fieldset label span.title, .inline-edit-row fieldset.inline-edit-date legend { - display: block; - float: left; - width: 6em; line-height: 2.5; } @@ -1053,15 +1051,14 @@ tr.inline-edit-row td { padding: 0; } -.inline-edit-row fieldset label span.input-text-wrap, -.inline-edit-row fieldset .timestamp-wrap { - display: block; - margin-left: 6em; -} - .quick-edit-row-post fieldset.inline-edit-col-right label span.title { width: auto; padding-right: 0.5em; + min-width: 5rem; +} + +.quick-edit-row-post fieldset.inline-edit-col-left label span.title { + flex-grow: 1; } .inline-edit-row .inline-edit-or { From 955687fbb59ca1f4824a95c00aa4b03564c8e6ed Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 2 Mar 2026 14:56:54 -0600 Subject: [PATCH 4/9] Needs to apply to all inline edit, not just quick edit --- src/wp-admin/css/list-tables.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 1dc5f3bf70edf..8f36e0c058fbc 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1054,6 +1054,9 @@ tr.inline-edit-row td { .quick-edit-row-post fieldset.inline-edit-col-right label span.title { width: auto; padding-right: 0.5em; +} + +.inline-edit-row fieldset.inline-edit-col-right label span.title { min-width: 5rem; } From 33bbdb3de33e0abddecb45c97fa2685b44e56910 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 2 Mar 2026 15:33:26 -0600 Subject: [PATCH 5/9] Revert "Needs to apply to all inline edit, not just quick edit" This reverts commit 955687fbb59ca1f4824a95c00aa4b03564c8e6ed. --- src/wp-admin/css/list-tables.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 8f36e0c058fbc..1dc5f3bf70edf 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1054,9 +1054,6 @@ tr.inline-edit-row td { .quick-edit-row-post fieldset.inline-edit-col-right label span.title { width: auto; padding-right: 0.5em; -} - -.inline-edit-row fieldset.inline-edit-col-right label span.title { min-width: 5rem; } From 785fbf13232c83921e9290c739f04165134cb9d9 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 2 Mar 2026 15:33:42 -0600 Subject: [PATCH 6/9] Revert "Layout polish with alignments" This reverts commit 2d689e69d334bc02133dbb6e1aae67cd8987b8fa. --- src/wp-admin/css/list-tables.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 1dc5f3bf70edf..d2b0073303484 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1021,7 +1021,6 @@ tr.inline-edit-row td { display: flex; flex-wrap: wrap; align-items: center; - gap: 6px; margin: .2em 0; line-height: 2.5; } @@ -1044,6 +1043,9 @@ tr.inline-edit-row td { .inline-edit-row fieldset label span.title, .inline-edit-row fieldset.inline-edit-date legend { + display: block; + float: left; + width: 6em; line-height: 2.5; } @@ -1051,14 +1053,15 @@ tr.inline-edit-row td { padding: 0; } +.inline-edit-row fieldset label span.input-text-wrap, +.inline-edit-row fieldset .timestamp-wrap { + display: block; + margin-left: 6em; +} + .quick-edit-row-post fieldset.inline-edit-col-right label span.title { width: auto; padding-right: 0.5em; - min-width: 5rem; -} - -.quick-edit-row-post fieldset.inline-edit-col-left label span.title { - flex-grow: 1; } .inline-edit-row .inline-edit-or { From af82091f4aa4c9081ef8c54b9548b83d029415d9 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 2 Mar 2026 15:35:37 -0600 Subject: [PATCH 7/9] Revert "Center align labels with selects" This reverts commit 3d952dfc17525e2b596d76a1708c44f6c1a85e3e. --- src/wp-admin/css/list-tables.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index d2b0073303484..1b009294a153f 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1018,9 +1018,7 @@ tr.inline-edit-row td { .inline-edit-row fieldset label, .inline-edit-row fieldset span.inline-edit-categories-label { - display: flex; - flex-wrap: wrap; - align-items: center; + display: block; margin: .2em 0; line-height: 2.5; } From 846d5a4df27d81fc957af2d85daa852de08ca580 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Tue, 3 Mar 2026 15:33:19 -0600 Subject: [PATCH 8/9] Adjust selector specificity down; add type=button to exclude list --- src/wp-admin/css/list-tables.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 9d0be4bbd798c..bbaebee449847 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1082,7 +1082,7 @@ tr.inline-edit-row td { } .inline-edit-row select, -.inline-edit-row input:not([type=checkbox],[type=radio],[type=submit]) { +.inline-edit-row input:where(:not([type=checkbox],[type=radio],[type=submit],[type=button])) { line-height: 2.14285714; min-height: 32px; padding: 0 24px 0 8px; From 720cdc79eaf032d61776a02b76630a2b819ff4f2 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Tue, 3 Mar 2026 15:34:33 -0600 Subject: [PATCH 9/9] Only apply 24px right padding on select elements --- src/wp-admin/css/list-tables.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index bbaebee449847..713cb58b99117 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1085,7 +1085,11 @@ tr.inline-edit-row td { .inline-edit-row input:where(:not([type=checkbox],[type=radio],[type=submit],[type=button])) { line-height: 2.14285714; min-height: 32px; - padding: 0 24px 0 8px; + padding: 0 8px 0 8px; +} + +.inline-edit-row select { + padding-right: 24px; } #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {