Improve styling of Compatibility Tool pages #1462
The text was updated successfully, but these errors were encountered:
* Add more space between the list table and the fiter and search box * Vertically center the 'double-caret' in the 'Details' column * Add space between 'Accept' and 'Reject' buttons. In expandable 'Details' section, add space between <summary> and div.detailed
Also, apply the monospace font that this had when it was wrapped in <code>.
Per the designs, this applies the 'divider.' There are about 20px on either side of it, per a design decision to make this space similar to that on /wp-admin/edit.php?post_type=page, between 'Apply' and 'All dates.'
Before, this was the AMP icon. This was requested to change, to be like the green checkmark on the AMP Validation Error Index page.
As a result of design discussion, change this to a darker shade of red.
…ottom This will give more vertical space between each item, as a result of design feedback.
To match the design, the 'Reject this validation error' notice is now moved from below the details box to above it. Also, there is less space between the boxes.
Before, there was a padding-bottom that applied to the icon But this isn't needed here. So add a style rule to set it to 0.
Add this suggestion to a batch that can be applied as a single commit. This suggestion is invalid because no changes were made to the code. Suggestions cannot be applied while the pull request is closed. Suggestions cannot be applied while viewing a subset of changes. Only one suggestion per line can be applied in a batch. Add this suggestion to a batch that can be applied as a single commit. Applying suggestions on deleted lines is not supported. You must change the existing code in this line in order to create a valid suggestion. Outdated suggestions cannot be applied. This suggestion has been applied or marked resolved. Suggestions cannot be applied from pending reviews. Suggestions cannot be applied on multi-line comments.