diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 8dcea6de64..e5d0e483a2 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -933,7 +933,7 @@ th.action-links { -moz-box-sizing: border-box; box-sizing: border-box; margin: 12px 0 25px; - padding: 0 20px; + padding: 0 10px; width: 100%; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); box-shadow: 0 1px 1px rgba(0,0,0,0.04); diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index a096f9fb58..37779e40bc 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -563,12 +563,18 @@ th.asc:hover span.sorting-indicator { } .tablenav .displaying-num { - margin-right: 2px; + margin-right: 7px; color: #777; font-size: 12px; font-style: italic; } +.tablenav .one-page .displaying-num { + display: inline-block; + margin-top: 2px; + margin-right: 0; +} + .tablenav .actions { overflow: hidden; padding: 2px 8px 0 0; @@ -603,43 +609,43 @@ classes exist in paginate_links() but not seen in list table output. */ .tablenav .view-switch { float: right; - margin: 5px 16px 0 8px; + margin: 0 5px; + padding-top: 3px; + /* line-height in px same as .tablenav height */ + line-height: 30px; } .wp-filter .view-switch { display: inline-block; vertical-align: middle; - padding: 15px 0; - margin: 0 20px 0 0; + padding: 12px 0; + margin: 0 8px 0 2px; +} + +.media-toolbar.wp-filter .view-switch { + margin: 0 12px 0 2px; } .view-switch a { - text-decoration: none; + float: left; + width: 28px; + height: 28px; + text-align: center; + line-height: 24px; } -.view-switch > a { - display: inline-block; - width: 18px; - height: 18px; -} - -.view-switch > a:before { +.view-switch a:before { color: #b4b9be; display: inline-block; - float: left; font: normal 20px/1 'dashicons'; speak: none; vertical-align: middle; - margin-left: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -.view-switch > .view-list:before { - content: '\f163'; -} - -.view-switch a:hover:before { +.view-switch a:hover:before, +.view-switch a:focus:before { color: #727272; } @@ -647,15 +653,15 @@ classes exist in paginate_links() but not seen in list table output. */ color: #0073aa; } -.view-switch > a + a { - margin-left: 5px; +.view-switch .view-list:before { + content: '\f163'; } -.view-switch > .view-excerpt:before { +.view-switch .view-excerpt:before { content: '\f164'; } -.view-switch > .view-grid:before { +.view-switch .view-grid:before { content: '\f509'; } @@ -1545,6 +1551,12 @@ div.action-links, display: none; } + .view-switch a { + width: 36px; + height: 36px; + line-height: 33px; + } + /* Pagination */ .tablenav.top .displaying-num { display: none;