From bc87c16e05aac46d17499d7e6bd2a19560c797b7 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Thu, 7 May 2026 18:45:31 +0530 Subject: [PATCH 01/15] Forms: increase ht to 40px --- src/wp-admin/css/forms.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css index b48825a1ef5a3..52dfefd436859 100644 --- a/src/wp-admin/css/forms.css +++ b/src/wp-admin/css/forms.css @@ -1775,6 +1775,12 @@ table.form-table td .updated p { margin-bottom: 0; } + p.search-box input[type="search"], + p.search-box input[type="text"] { + min-height: 40px; + padding: 0 12px; + } + p.search-box input[type="submit"] { margin-bottom: 10px; } @@ -1919,6 +1925,7 @@ table.form-table td .updated p { .options-general-php input[type="text"].small-text { max-width: 6.25em; margin: 0; + min-height: 40px; } /* Privacy Policy settings screen */ From f3ac21f8485a131f1ef44e0f91de81d2383f5be7 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Thu, 7 May 2026 18:50:52 +0530 Subject: [PATCH 02/15] Add plugin: Increase min-height of form and dropdown to 40px --- src/wp-admin/css/common.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 55b721e7f12da..6df3ffee66ce0 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -1417,6 +1417,17 @@ th.action-links { padding: 0; width: 50%; } + + .wp-filter .search-form input[type="search"] { + min-height: 40px; + padding: 0 12px; + } + + .wp-filter .search-form select, + .wp-filter .filter-items select { + min-height: 40px; + padding: 0 24px 0 12px; + } } @media only screen and (max-width: 320px) { From 2adecb54d91ea83f5235d51f3454d0d239679b8a Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Thu, 7 May 2026 18:57:25 +0530 Subject: [PATCH 03/15] Media library: Increase min-ht to 40px --- src/wp-admin/css/media.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index ae21bb77d3f82..ac86eadf4688a 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -1413,6 +1413,21 @@ audio, video { top: 46px; right: 10px; } + + .media-frame.mode-grid .media-toolbar select { + min-height: 40px; + padding: 0 24px 0 12px; + } + + .media-frame.mode-grid .media-toolbar input[type="search"] { + min-height: 40px; + padding: 0 12px; + } + + .media-frame.mode-grid .media-toolbar .button { + min-height: 40px; + padding: 0 14px; + } } @media only screen and (max-width: 600px) { From f01d6d2beb6400b56f9b51d912844f9776161280 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Tue, 12 May 2026 12:50:37 +0530 Subject: [PATCH 04/15] Enhance select mode toggle button styling by adding 'button-compact' class --- src/js/media/views/button/select-mode-toggle.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/js/media/views/button/select-mode-toggle.js b/src/js/media/views/button/select-mode-toggle.js index 2c2335bcd56f6..858c0e16cb2e4 100644 --- a/src/js/media/views/button/select-mode-toggle.js +++ b/src/js/media/views/button/select-mode-toggle.js @@ -40,7 +40,7 @@ SelectModeToggle = Button.extend(/** @lends wp.media.view.SelectModeToggle.proto render: function() { Button.prototype.render.apply( this, arguments ); - this.$el.addClass( 'select-mode-toggle-button' ); + this.$el.addClass( 'select-mode-toggle-button button-compact' ); return this; }, From dc4beec7ea9bb28fbe04f424f9fe40e939dbb284 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Tue, 12 May 2026 12:50:53 +0530 Subject: [PATCH 05/15] Increase button font size to improve readability in action links --- src/wp-admin/css/list-tables.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index e2d49d09b0a42..1e4ca6adfe345 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1590,6 +1590,7 @@ div.action-links, .plugin-action-buttons li .button { min-height: 32px; line-height: 2.30769231; /* 30px for 32px min-height */ + font-size: 13px; padding: 0 12px; } From 3db429ce023e9a5b7da1a3de6b5f99a1b3a70a46 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Tue, 12 May 2026 12:51:12 +0530 Subject: [PATCH 06/15] Remove min-height and padding adjustments for classnames --- src/wp-admin/css/media.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index ac86eadf4688a..0968085eb5956 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -1423,11 +1423,6 @@ audio, video { min-height: 40px; padding: 0 12px; } - - .media-frame.mode-grid .media-toolbar .button { - min-height: 40px; - padding: 0 14px; - } } @media only screen and (max-width: 600px) { From 2268f5ed3a1804dd472ee06db1ad36fdf1ca2860 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Tue, 12 May 2026 12:51:22 +0530 Subject: [PATCH 07/15] Increase font size of search loading indicator for better readability --- src/wp-admin/css/themes.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css index 4a644974c50c4..be7a034825acf 100644 --- a/src/wp-admin/css/themes.css +++ b/src/wp-admin/css/themes.css @@ -121,6 +121,7 @@ body.js .theme-browser.search-loading { margin-left: 3px; min-height: 32px; line-height: 2.30769231; /* 30px for 32px min-height */ + font-size: 13px; padding: 0 12px; } From deca256f413135a7c094dae619b5ec851ac10fa6 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Tue, 12 May 2026 12:51:39 +0530 Subject: [PATCH 08/15] Enhance filter button styling by adding 'button-compact' class --- src/wp-admin/includes/class-wp-media-list-table.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/wp-admin/includes/class-wp-media-list-table.php b/src/wp-admin/includes/class-wp-media-list-table.php index 9476d23c4904d..0e94646bf4685 100644 --- a/src/wp-admin/includes/class-wp-media-list-table.php +++ b/src/wp-admin/includes/class-wp-media-list-table.php @@ -242,7 +242,7 @@ protected function extra_tablenav( $which ) { /** This action is documented in wp-admin/includes/class-wp-posts-list-table.php */ do_action( 'restrict_manage_posts', $this->screen->post_type, $which ); - submit_button( __( 'Filter' ), '', 'filter_action', false, array( 'id' => 'post-query-submit' ) ); + submit_button( __( 'Filter' ), 'button-compact', 'filter_action', false ); if ( $this->is_trash && $this->has_items() && current_user_can( 'edit_others_posts' ) From 2a7026eefa26b22e78fd38bd04b8be556ada25df Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Tue, 12 May 2026 12:51:55 +0530 Subject: [PATCH 09/15] Enhance search button styling by adding 'button-compact' class --- src/wp-admin/includes/class-wp-media-list-table.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/wp-admin/includes/class-wp-media-list-table.php b/src/wp-admin/includes/class-wp-media-list-table.php index 0e94646bf4685..6af71cce8d463 100644 --- a/src/wp-admin/includes/class-wp-media-list-table.php +++ b/src/wp-admin/includes/class-wp-media-list-table.php @@ -351,7 +351,7 @@ public function views() { ?> - +

From 863351b634e337bbb8de6d93ca0bb79ba543e6cb Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Tue, 12 May 2026 12:52:08 +0530 Subject: [PATCH 10/15] Remove margin-bottom from button styles for improved layout consistency --- src/wp-includes/css/buttons.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css index cb6e18dbffcb8..76b453ad55672 100644 --- a/src/wp-includes/css/buttons.css +++ b/src/wp-includes/css/buttons.css @@ -390,7 +390,6 @@ TABLE OF CONTENTS: font-size: 14px; vertical-align: middle; min-height: 40px; - margin-bottom: 4px; } /* Responsive Button Icons - Dashicons centering */ From add68c9e515b8dda0dd72bccf11e9dfe5b73e257 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Thu, 14 May 2026 18:02:20 +0530 Subject: [PATCH 11/15] Add button-compact class to empty trash button --- src/wp-admin/includes/class-wp-media-list-table.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/wp-admin/includes/class-wp-media-list-table.php b/src/wp-admin/includes/class-wp-media-list-table.php index 6af71cce8d463..7c8400344596b 100644 --- a/src/wp-admin/includes/class-wp-media-list-table.php +++ b/src/wp-admin/includes/class-wp-media-list-table.php @@ -247,7 +247,7 @@ protected function extra_tablenav( $which ) { if ( $this->is_trash && $this->has_items() && current_user_can( 'edit_others_posts' ) ) { - submit_button( __( 'Empty Trash' ), 'apply', 'delete_all', false ); + submit_button( __( 'Empty Trash' ), 'apply button-compact', 'delete_all', false ); } ?> From 6b9341fa34998841f32a1867fa2d37964b47de19 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Thu, 14 May 2026 18:03:06 +0530 Subject: [PATCH 12/15] Restore 4px buttons margin --- src/wp-includes/css/buttons.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css index 76b453ad55672..cb6e18dbffcb8 100644 --- a/src/wp-includes/css/buttons.css +++ b/src/wp-includes/css/buttons.css @@ -390,6 +390,7 @@ TABLE OF CONTENTS: font-size: 14px; vertical-align: middle; min-height: 40px; + margin-bottom: 4px; } /* Responsive Button Icons - Dashicons centering */ From 290bb4f34872819a9f3c125cc83090438ff69ca1 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Thu, 14 May 2026 18:03:40 +0530 Subject: [PATCH 13/15] Remove hardcoded 32px button styles --- src/wp-admin/css/list-tables.css | 8 -------- src/wp-admin/css/themes.css | 4 ---- 2 files changed, 12 deletions(-) diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 1e4ca6adfe345..057a79c2e4ab6 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1586,14 +1586,6 @@ div.action-links, margin: 0; /* Override existing margins */ } -/* Use compact size for space-constrained plugin cards */ -.plugin-action-buttons li .button { - min-height: 32px; - line-height: 2.30769231; /* 30px for 32px min-height */ - font-size: 13px; - padding: 0 12px; -} - .plugin-card h3 { margin: 0 12px 16px 0; font-size: 18px; diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css index be7a034825acf..1c7d5928a8210 100644 --- a/src/wp-admin/css/themes.css +++ b/src/wp-admin/css/themes.css @@ -119,10 +119,6 @@ body.js .theme-browser.search-loading { .theme-browser .theme .theme-actions .button { float: none; margin-left: 3px; - min-height: 32px; - line-height: 2.30769231; /* 30px for 32px min-height */ - font-size: 13px; - padding: 0 12px; } .theme-browser .theme .theme-actions .button.updated-message::before, From bc2280dd7ec40e586ae4e5a2e13b0b2d994c73d6 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Thu, 14 May 2026 18:04:21 +0530 Subject: [PATCH 14/15] Add button compact class to plugins and themes button --- src/wp-admin/includes/plugin-install.php | 16 ++++++------ src/wp-admin/themes.php | 32 ++++++++++++------------ 2 files changed, 24 insertions(+), 24 deletions(-) diff --git a/src/wp-admin/includes/plugin-install.php b/src/wp-admin/includes/plugin-install.php index 7607b8823bb99..6b1a615a57ab8 100644 --- a/src/wp-admin/includes/plugin-install.php +++ b/src/wp-admin/includes/plugin-install.php @@ -940,7 +940,7 @@ function wp_get_plugin_action_button( $name, $data, $compatible_php, $compatible if ( $status['url'] ) { if ( $compatible_php && $compatible_wp && $all_plugin_dependencies_installed && ! empty( $data->download_link ) ) { $button = sprintf( - '%s', + '%s', esc_attr( $data->slug ), esc_url( $status['url'] ), /* translators: %s: Plugin name and version. */ @@ -950,7 +950,7 @@ function wp_get_plugin_action_button( $name, $data, $compatible_php, $compatible ); } else { $button = sprintf( - '', + '', _x( 'Install Now', 'plugin' ) ); } @@ -961,7 +961,7 @@ function wp_get_plugin_action_button( $name, $data, $compatible_php, $compatible if ( $status['url'] ) { if ( $compatible_php && $compatible_wp ) { $button = sprintf( - '%s', + '%s', esc_attr( $status['file'] ), esc_attr( $data->slug ), esc_url( $status['url'] ), @@ -972,7 +972,7 @@ function wp_get_plugin_action_button( $name, $data, $compatible_php, $compatible ); } else { $button = sprintf( - '', + '', _x( 'Update Now', 'plugin' ) ); } @@ -983,7 +983,7 @@ function wp_get_plugin_action_button( $name, $data, $compatible_php, $compatible case 'newer_installed': if ( is_plugin_active( $status['file'] ) ) { $button = sprintf( - '', + '', _x( 'Active', 'plugin' ) ); } elseif ( current_user_can( 'activate_plugin', $status['file'] ) ) { @@ -1008,7 +1008,7 @@ function wp_get_plugin_action_button( $name, $data, $compatible_php, $compatible } $button = sprintf( - '%6$s', + '%6$s', esc_url( $activate_url ), esc_attr( $name ), esc_attr( $data->slug ), @@ -1018,13 +1018,13 @@ function wp_get_plugin_action_button( $name, $data, $compatible_php, $compatible ); } else { $button = sprintf( - '', + '', is_network_admin() ? _x( 'Network Activate', 'plugin' ) : _x( 'Activate', 'plugin' ) ); } } else { $button = sprintf( - '', + '', _x( 'Installed', 'plugin' ) ); } diff --git a/src/wp-admin/themes.php b/src/wp-admin/themes.php index ca9f52b2a164f..226acc94a0a32 100644 --- a/src/wp-admin/themes.php +++ b/src/wp-admin/themes.php @@ -609,7 +609,7 @@ /* translators: %s: Theme name. */ $customize_aria_label = sprintf( _x( 'Customize %s', 'theme' ), $theme['name'] ); ?> - @@ -619,7 +619,7 @@ /* translators: %s: Theme name. */ $aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -630,7 +630,7 @@ /* translators: %s: Theme name. */ $live_preview_aria_label = sprintf( _x( 'Live Preview %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -640,7 +640,7 @@ /* translators: %s: Theme name. */ $aria_label = sprintf( _x( 'Cannot Activate %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -649,7 +649,7 @@ /* translators: %s: Theme name. */ $live_preview_aria_label = sprintf( _x( 'Live Preview %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -1001,7 +1001,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $customize_aria_label = sprintf( _x( 'Customize %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -1012,7 +1012,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -1021,7 +1021,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $live_preview_aria_label = sprintf( _x( 'Live Preview %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -1030,7 +1030,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $aria_label = sprintf( _x( 'Cannot Activate %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -1038,7 +1038,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $live_preview_aria_label = sprintf( _x( 'Live Preview %s', 'theme' ), '{{ data.name }}' ); ?> - <# } #> @@ -1251,7 +1251,7 @@ function wp_theme_auto_update_setting_template() {
- @@ -1263,7 +1263,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $live_preview_aria_label = sprintf( _x( 'Live Preview %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -1273,7 +1273,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -1283,7 +1283,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $live_preview_aria_label = sprintf( _x( 'Live Preview %s', 'theme' ), '{{ data.name }}' ); ?> - @@ -1292,7 +1292,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $aria_label = sprintf( _x( 'Cannot Activate %s', 'theme' ), '{{ data.name }}' ); ?> - <# } #> @@ -1304,7 +1304,7 @@ function wp_theme_auto_update_setting_template() { /* translators: %s: Theme name. */ $aria_label = sprintf( _x( 'Delete %s', 'theme' ), '{{ data.name }}' ); ?> - From f3ed1143f295e9ad67f8e5ebb85d1af6f64aea24 Mon Sep 17 00:00:00 2001 From: Himanshu Pathak Date: Tue, 19 May 2026 12:25:04 +0530 Subject: [PATCH 15/15] Add button-compact class to theme activation and installation buttons --- src/wp-admin/theme-install.php | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/wp-admin/theme-install.php b/src/wp-admin/theme-install.php index 5723f8e6244cc..26fbe6c0b6b26 100644 --- a/src/wp-admin/theme-install.php +++ b/src/wp-admin/theme-install.php @@ -408,21 +408,21 @@ ?> <# if ( data.activate_url ) { #> <# if ( ! data.active ) { #> - + <# } else { #> - + <# } #> <# } #> <# if ( data.customize_url ) { #> <# if ( ! data.active ) { #> <# if ( ! data.block_theme ) { #> - + <# } #> <# } else { #> - + <# } #> <# } else { #> - + <# } #> <# } else { #> <# if ( data.activate_url ) { #> - + <# } #> <# if ( data.customize_url ) { #> - + <# } else { #> - + <# } #> <# } #> <# } else { #> @@ -444,15 +444,15 @@ /* translators: %s: Theme name. */ $aria_label = sprintf( _x( 'Install %s', 'theme' ), '{{ data.name }}' ); ?> - - + + <# } else { #> - - + + <# } #> <# } #>