diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 480aeb788a..b959b1c40a 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -1086,8 +1086,24 @@ th.action-links { margin: 0; } +/* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */ +.plugin-install-php .wp-filter { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; +} + .wp-filter .search-form.search-plugins { + /* This element is a flex item: the inherited float won't have any effect. */ + margin-top: 0; +} + +.wp-filter .search-form.search-plugins select, +.wp-filter .search-form.search-plugins .wp-filter-search { display: inline-block; + margin-top: 10px; + vertical-align: top; } .wp-filter .button.drawer-toggle { @@ -3968,6 +3984,11 @@ img { .wp-filter .search-form input[type="search"] { font-size: 1rem; } + + .wp-filter .search-form.search-plugins { + /* This element is a flex item. */ + min-width: 100%; + } } /* Smartphone */ diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 4f1c522005..21fd032798 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -2094,6 +2094,16 @@ div.action-links, line-height: 1.5; } + .plugins tbody th.check-column { + padding: 8px 0 0 5px; + } + + .plugins thead td.check-column, + .plugins tfoot td.check-column, + .plugins .inactive th.check-column { + padding-left: 9px; + } + /* Add New plugins page */ table.plugin-install .column-name, table.plugin-install .column-version, diff --git a/src/wp-admin/includes/plugin-install.php b/src/wp-admin/includes/plugin-install.php index 9b35e8fd41..c8f3406f7b 100644 --- a/src/wp-admin/includes/plugin-install.php +++ b/src/wp-admin/includes/plugin-install.php @@ -334,9 +334,8 @@ function install_search_form( $deprecated = true ) { - + + 'search-submit' ) ); ?> -
+