diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index 2006bded2b..2cb19dcd6c 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1871,21 +1871,24 @@ div.action-links, padding-top: 10px; } - /* Make row actions more easy to select on mobile */ - body:not(.plugins-php) .row-actions { - display: grid; - grid-template-columns: auto auto auto; - color: transparent; + .row-actions { + margin-left: -8px; + margin-right: -8px; + padding-top: 4px; } - .row-actions span { - padding: 4px 0; + /* Make row actions more easy to select on mobile */ + body:not(.plugins-php) .row-actions { + display: flex; + flex-wrap: wrap; + gap: 8px; + color: transparent; } .row-actions span a, .row-actions span .button-link { display: inline-block; - padding: 4px 0; + padding: 4px 8px; line-height: 1.5; } @@ -2135,6 +2138,11 @@ div.action-links, margin-right: 0; width: 100%; } + + table.media .column-title .has-media-icon ~ .row-actions { + margin-left: 0; + clear: both; + } } @media screen and (max-width: 480px) { @@ -2142,11 +2150,6 @@ div.action-links, margin: 0; } - /* Drop row actions to two columns on a small screen */ - .row-actions:not(.plugins-php) { - grid-template-columns: auto auto; - } - .tablenav.bottom .displaying-num { position: relative; top: 0;