Accessibility: simplify the Plugins and Themes tables on the Updates screen.

Although it may seem counterintuitive at first, in very limited cases it's
better to remove improper semantics (this is not a tabular data table) in
order to reduce noise for screen reader users and simplify all the things.
Also improves headings to better separate sections.

Fixes #34780.
Built from https://develop.svn.wordpress.org/trunk@36477


git-svn-id: http://core.svn.wordpress.org/trunk@36444 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/common-rtl.css

@@ -345,8 +345,12 @@ h3 {
 	margin: 1em 0;
 }
 
+.update-core-php h2 {
+	margin-top: 2em;
+}
+
 .update-php h2,
-.update-core-php h2,
+.update-messages h2,
 h4 {
 	font-size: 1em;
 	margin: 1.33em 0;
@@ -512,6 +516,7 @@ code {
 }
 
 .widefat th input,
+.updates-table td input,
 .widefat thead td input,
 .widefat tfoot td input {
 	margin: 0 8px 0 0;
@@ -525,18 +530,13 @@ code {
 	vertical-align: top;
 }
 
-.widefat th input[type=checkbox],
-.widefat thead td input[type=checkbox],
-.widefat tfoot td input[type=checkbox] {
-	margin-top: -1px;
-}
-
 .widefat tbody th.check-column {
 	padding: 9px 0 22px;
 }
 
 .widefat thead td.check-column,
 .widefat tbody th.check-column,
+.updates-table tbody td.check-column,
 .widefat tfoot td.check-column {
 	padding: 11px 3px 0 0;
 }

wp-admin/css/common.css

@@ -345,8 +345,12 @@ h3 {
 	margin: 1em 0;
 }
 
+.update-core-php h2 {
+	margin-top: 2em;
+}
+
 .update-php h2,
-.update-core-php h2,
+.update-messages h2,
 h4 {
 	font-size: 1em;
 	margin: 1.33em 0;
@@ -512,6 +516,7 @@ code {
 }
 
 .widefat th input,
+.updates-table td input,
 .widefat thead td input,
 .widefat tfoot td input {
 	margin: 0 0 0 8px;
@@ -525,18 +530,13 @@ code {
 	vertical-align: top;
 }
 
-.widefat th input[type=checkbox],
-.widefat thead td input[type=checkbox],
-.widefat tfoot td input[type=checkbox] {
-	margin-top: -1px;
-}
-
 .widefat tbody th.check-column {
 	padding: 9px 0 22px;
 }
 
 .widefat thead td.check-column,
 .widefat tbody th.check-column,
+.updates-table tbody td.check-column,
 .widefat tfoot td.check-column {
 	padding: 11px 0 0 3px;
 }

wp-admin/css/list-tables-rtl.css

@@ -1207,25 +1207,16 @@ ul.cat-checklist {
 	margin-top: 4px;
 }
 
-#update-plugins-table tbody td p {
+.updates-table .plugin-title p {
 	margin-top: 0;
 }
 
-#update-plugins-table tbody td p strong {
-	font-size: 14px;
-}
-
 .plugins thead td.check-column,
 .plugins tfoot td.check-column,
 .plugins .inactive th.check-column {
 	padding-right: 6px;
 }
 
-#update-plugins-table thead td.check-column,
-#update-plugins-table tfoot td.check-column {
-	padding-top: 11px;
-}
-
 .plugins,
 .plugins th,
 .plugins td {
@@ -1340,6 +1331,11 @@ tr.active.update + tr.plugin-update-tr .plugin-update {
 	white-space:nowrap;
 }
 
+.updates-table-screenshot {
+	float:right;
+	padding: 0 0 5px 10px;
+}
+
 .plugins .inactive .plugin-title strong {
 	font-weight: 400;
 }
@@ -2053,7 +2049,7 @@ div.action-links,
 	}
 
 	/* Updates */
-	#wpbody-content #update-themes-table .plugin-title {
+	#wpbody-content .updates-table .plugin-title {
 		width: auto;
 		white-space: normal;
 	}

wp-admin/css/list-tables.css

@@ -1207,25 +1207,16 @@ ul.cat-checklist {
 	margin-top: 4px;
 }
 
-#update-plugins-table tbody td p {
+.updates-table .plugin-title p {
 	margin-top: 0;
 }
 
-#update-plugins-table tbody td p strong {
-	font-size: 14px;
-}
-
 .plugins thead td.check-column,
 .plugins tfoot td.check-column,
 .plugins .inactive th.check-column {
 	padding-left: 6px;
 }
 
-#update-plugins-table thead td.check-column,
-#update-plugins-table tfoot td.check-column {
-	padding-top: 11px;
-}
-
 .plugins,
 .plugins th,
 .plugins td {
@@ -1340,6 +1331,11 @@ tr.active.update + tr.plugin-update-tr .plugin-update {
 	white-space:nowrap;
 }
 
+.updates-table-screenshot {
+	float:left;
+	padding: 0 10px 5px 0;
+}
+
 .plugins .inactive .plugin-title strong {
 	font-weight: 400;
 }
@@ -2053,7 +2049,7 @@ div.action-links,
 	}
 
 	/* Updates */
-	#wpbody-content #update-themes-table .plugin-title {
+	#wpbody-content .updates-table .plugin-title {
 		width: auto;
 		white-space: normal;
 	}