diff --git a/assets/css/amp-validation-single-error-url.css b/assets/css/amp-validation-single-error-url.css index 397e08a9ac9..5e047dcd95c 100644 --- a/assets/css/amp-validation-single-error-url.css +++ b/assets/css/amp-validation-single-error-url.css @@ -140,3 +140,16 @@ table.striped > tbody > tr.even { #post-body-content button.reject { margin-left: 4px; } + +#accept-reject-buttons:not(.hidden) { + display: inline-block; +} + +#vertical-divider { + display: inline-block; + vertical-align: middle; + width: 15px; + margin-right: 15px; + height: 30px; + border-right: 1px solid #a0a5aa; +} diff --git a/assets/js/amp-invalid-url-post-edit-screen.js b/assets/js/amp-invalid-url-post-edit-screen.js index 5d5c86c1eec..fe646af2f65 100644 --- a/assets/js/amp-invalid-url-post-edit-screen.js +++ b/assets/js/amp-invalid-url-post-edit-screen.js @@ -307,6 +307,7 @@ var ampInvalidUrlPostEditScreen = ( function() { // eslint-disable-line no-unuse component.handleBulkActions = function handleBulkActions() { const acceptButton = document.querySelector( 'button.action.accept' ); const rejectButton = document.querySelector( 'button.action.reject' ); + const acceptAndRejectContainer = document.getElementById( 'accept-reject-buttons' ); const onChange = function( event ) { let areThereCheckedBoxes; @@ -317,8 +318,7 @@ var ampInvalidUrlPostEditScreen = ( function() { // eslint-disable-line no-unuse if ( event.target.checked ) { // This checkbox was checked, so ensure the buttons display. - acceptButton.classList.remove( 'hidden' ); - rejectButton.classList.remove( 'hidden' ); + acceptAndRejectContainer.classList.remove( 'hidden' ); } else { /* * This checkbox was unchecked. @@ -332,8 +332,7 @@ var ampInvalidUrlPostEditScreen = ( function() { // eslint-disable-line no-unuse } } ); if ( ! areThereCheckedBoxes ) { - acceptButton.classList.add( 'hidden' ); - rejectButton.classList.add( 'hidden' ); + acceptAndRejectContainer.classList.add( 'hidden' ); } } }; diff --git a/includes/validation/class-amp-invalid-url-post-type.php b/includes/validation/class-amp-invalid-url-post-type.php index 9a3a27a7771..13985e4a09e 100644 --- a/includes/validation/class-amp-invalid-url-post-type.php +++ b/includes/validation/class-amp-invalid-url-post-type.php @@ -1753,8 +1753,11 @@ public static function render_single_url_list_table( $post ) { search_box( esc_html__( 'Search Errors', 'amp' ), 'invalid-url-search' ); ?> - - +