Export and Erase Personal Data tables misaligned under 782px

[ianbelanger]

On both the Export Personal Data and Erase Personal Data pages the th and td are not the same height under 782px and the right border of the checkbox gets cutoff.

[ianbelanger]

emails removed purposely

[subrataemfluence]

May be not very relevant but I have a slight difference when tested my screen is showing it differently. Screenshot attached.

[ianbelanger]

@subrataemfluence I did erase the emails from the image, just to hide them. I am mainly talking about the checkboxes missing the right border and the th and td bottom borders are misaligned when the td is in the closed position.

[desrosj]

44026.diff​ should fix this issue. I noticed one more small thing we could fix though. If you look at the second row in erasure-screen.png​, confirmed erasures do not have any links in the actions row.

[desrosj]

Also, to clarify why this is happening, this is being caused by:

• The addition of left borders for each row to make them look more like notices.
• The background-color overrides in the privacy WP_Post_List tables to help differentiate the status of each request.

[azaozz]

In 43251:

Privacy: fix Export and Erase Personal Data list-tables on small screens.

Props ianbelanger, subrataemfluence, desrosj.
Fixes #44026.

[azaozz]

Reopen for 4.9.6.

[SergeyBiryukov]

In 43271:

Privacy: fix Export and Erase Personal Data list-tables on small screens.

Props ianbelanger, subrataemfluence, desrosj.
Merges [43251] to the 4.9 branch.
Fixes #44026.

[desrosj]

Moving to the new Privacy component.