diff -r 34716fd837a4 -r be944660c56a wp/wp-admin/css/list-tables.css
--- a/wp/wp-admin/css/list-tables.css	Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-admin/css/list-tables.css	Wed Sep 21 18:19:35 2022 +0200
@@ -55,7 +55,7 @@
 	min-width: 24px;
 	height: 2em;
 	border-radius: 5px;
-	background-color: #72777c;
+	background-color: #646970;
 	color: #fff;
 	font-size: 11px;
 	line-height: 1.90909090;
@@ -71,7 +71,7 @@
 	margin-left: 8px;
 	width: 0;
 	height: 0;
-	border-top: 5px solid #72777c;
+	border-top: 5px solid #646970;
 	border-right: 5px solid transparent;
 }
 
@@ -79,14 +79,14 @@
 .column-response a.post-com-count-approved:focus .comment-count-approved,
 .column-comments a.post-com-count-approved:hover .comment-count-approved,
 .column-comments a.post-com-count-approved:focus .comment-count-approved {
-	background: #0073aa;
+	background: #2271b1;
 }
 
 .column-response a.post-com-count-approved:hover:after,
 .column-response a.post-com-count-approved:focus:after,
 .column-comments a.post-com-count-approved:hover:after,
 .column-comments a.post-com-count-approved:focus:after {
-	border-top-color: #0073aa;
+	border-top-color: #2271b1;
 }
 
 /* @todo: consider to use a single rule for these counters and the admin menu counters. */
@@ -99,7 +99,7 @@
 	height: 17px;
 	border: 2px solid #fff;
 	border-radius: 11px;
-	background: #ca4a1f;
+	background: #d63638;
 	color: #fff;
 	font-size: 9px;
 	line-height: 1.88888888;
@@ -116,7 +116,7 @@
 .commentlist li {
 	padding: 1em 1em .2em;
 	margin: 0;
-	border-bottom: 1px solid #ccc;
+	border-bottom: 1px solid #c3c4c7;
 }
 
 .commentlist li li {
@@ -131,7 +131,7 @@
 
 #submitted-on,
 .submitted-on {
-	color: #555d66;
+	color: #50575e;
 }
 
 /* reply to comments */
@@ -203,8 +203,8 @@
 }
 
 #replyerror {
-	border-color: #ddd;
-	background-color: #f9f9f9;
+	border-color: #dcdcde;
+	background-color: #f6f7f7;
 }
 
 /* @todo: is this used? */
@@ -214,16 +214,16 @@
 
 #the-comment-list tr.undo,
 #the-comment-list div.undo {
-	background-color: #f5f5f5;
+	background-color: #f6f7f7;
 }
 
 #the-comment-list .unapproved th,
 #the-comment-list .unapproved td {
-	background-color: #fef7f1;
+	background-color: #fcf9e8;
 }
 
 #the-comment-list .unapproved th.check-column {
-	border-left: 4px solid #d54e21;
+	border-left: 4px solid #d63638;
 }
 
 #the-comment-list .unapproved th.check-column input {
@@ -231,11 +231,11 @@
 }
 
 #the-comment-list .approve a {
-	color: #006505;
+	color: #007017;
 }
 
 #the-comment-list .unapprove a {
-	color: #d98500;
+	color: #996800;
 }
 
 #the-comment-list th,
@@ -257,7 +257,7 @@
 .vim-current,
 .vim-current th,
 .vim-current td {
-	background-color: #e4f2fd !important;
+	background-color: #f0f6fc !important;
 }
 
 th .comment-grey-bubble {
@@ -268,7 +268,7 @@
 th .comment-grey-bubble:before {
 	content: "\f101";
 	font: normal 20px/.5 dashicons;
-	speak: none;
+	speak: never;
 	display: inline-block;
 	padding: 0;
 	top: 4px;
@@ -278,7 +278,7 @@
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none !important;
-	color: #444;
+	color: #3c434a;
 }
 
 /*------------------------------------------------------------------------------
@@ -315,6 +315,12 @@
 	width: 74px;
 }
 
+.fixed .column-role,
+.fixed .column-posts {
+	-webkit-hyphens: auto;
+	hyphens: auto;
+}
+
 .fixed .column-comment .comment-author {
 	display: none;
 }
@@ -450,19 +456,19 @@
 .sorting-indicator:before {
 	content: "\f142";
 	font: normal 20px/1 dashicons;
-	speak: none;
+	speak: never;
 	display: inline-block;
 	padding: 0;
 	top: -4px;
 	left: -8px;
-	color: #444;
+	color: #3c434a;
 	line-height: 0.5;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none !important;
-	color: #444;
+	color: #3c434a;
 }
 
 .column-comments .sorting-indicator:before {
@@ -501,8 +507,8 @@
 
 .wp-list-table .toggle-row:focus:before {
 	box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, 0.8);
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 
 .wp-list-table .toggle-row:active {
@@ -516,13 +522,13 @@
 	border-radius: 50%;
 	display: block;
 	padding: 1px 2px 1px 0;
-	color: #444; /* same as table headers sort arrows */
+	color: #3c434a; /* same as table headers sort arrows */
 	content: "\f140";
 	font: normal 20px/1 dashicons;
 	line-height: 1;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-	speak: none;
+	speak: never;
 }
 
 .wp-list-table .is-expanded .toggle-row:before {
@@ -537,11 +543,11 @@
 }
 
 .locked-indicator-icon:before {
-	color: #82878c;
+	color: #8c8f94;
 	content: "\f160";
 	display: inline-block;
 	font: normal 20px/1 dashicons;
-	speak: none;
+	speak: never;
 	vertical-align: middle;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -706,10 +712,10 @@
 }
 
 .view-switch a:before {
-	color: #b4b9be;
+	color: #c3c4c7;
 	display: inline-block;
 	font: normal 20px/1 dashicons;
-	speak: none;
+	speak: never;
 	vertical-align: middle;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -717,11 +723,11 @@
 
 .view-switch a:hover:before,
 .view-switch a:focus:before {
-	color: #727272;
+	color: #787c82;
 }
 
 .view-switch a.current:before {
-	color: #0073aa;
+	color: #2271b1;
 }
 
 .view-switch .view-list:before {
@@ -791,7 +797,7 @@
 }
 
 .row-actions {
-	color: #ddd;
+	color: #dcdcde;
 	font-size: 13px;
 	padding: 2px 0 0;
 	position: relative;
@@ -1027,7 +1033,7 @@
 
 ul.cat-checklist {
 	height: 12em;
-	border: solid 1px #ddd;
+	border: solid 1px #dcdcde;
 	overflow-y: scroll;
 	padding: 0 5px;
 	margin: 0;
@@ -1037,7 +1043,7 @@
 #bulk-titles {
 	display: block;
 	height: 12em;
-	border: 1px solid #ddd;
+	border: 1px solid #dcdcde;
 	overflow-y: scroll;
 	padding: 0 5px;
 	margin: 0 0 5px;
@@ -1164,7 +1170,7 @@
 
 .plugins .active td,
 .plugins .active th {
-	background-color: #f7fcfe;
+	background-color: #f0f6fc;
 }
 
 .plugins .update th,
@@ -1187,7 +1193,7 @@
 .plugins tr.active + tr.inactive th,
 .plugins tr.active + tr.inactive td {
 	border-top: 1px solid rgba(0, 0, 0, 0.03);
-	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #e1e1e1;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
 }
 
 .plugins .update td,
@@ -1205,7 +1211,7 @@
 
 .plugins .active th.check-column,
 .plugin-update-tr.active td {
-	border-left: 4px solid #00a0d2;
+	border-left: 4px solid #72aee6;
 }
 
 .wp-list-table.plugins .plugin-title,
@@ -1224,10 +1230,10 @@
 
 .plugins .plugin-title .dashicons:before {
 	padding: 2px;
-	background-color: #eee;
-	box-shadow: inset 0 0 10px rgba(160, 165, 170, 0.15);
+	background-color: #f0f0f1;
+	box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
 	font-size: 60px;
-	color: #B4B9BE;
+	color: #c3c4c7;
 }
 
 #update-themes-table .plugin-title img,
@@ -1283,36 +1289,36 @@
 }
 
 .plugins tr.paused th.check-column {
-	border-left: 4px solid #d54e21;
+	border-left: 4px solid #d63638;
 }
 
 .plugins tr.paused th,
 .plugins tr.paused td {
-	background-color: #fef7f1;
+	background-color: #f6f7f7;
 }
 
 .plugins tr.paused .plugin-title,
 .plugins .paused .dashicons-warning {
-	color: #dc3232;
+	color: #d63638;
 }
 
 .plugins .paused .error-display p,
 .plugins .paused .error-display code {
 	font-size: 90%;
-	color: rgba( 0, 0, 0, 0.7 );
+	color: rgba(0, 0, 0, 0.7);
 }
 
 .plugins .resume-link {
-	color: #dc3232;
+	color: #d63638;
 }
 
 .plugin-card .update-now:before {
-	color: #f56e28;
+	color: #d63638;
 	content: "\f463";
 	display: inline-block;
 	font: normal 20px/1 dashicons;
 	margin: 3px 5px 0 -2px;
-	speak: none;
+	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	vertical-align: top;
@@ -1333,7 +1339,7 @@
 }
 
 .plugin-card .updated-message:before {
-	color: #79ba49;
+	color: #68de7c;
 	content: "\f147";
 }
 
@@ -1365,7 +1371,7 @@
 	width: 48.5%;
 	width: calc( 50% - 8px );
 	background-color: #fff;
-	border: 1px solid #ddd;
+	border: 1px solid #dcdcde;
 	box-sizing: border-box;
 }
 
@@ -1472,8 +1478,8 @@
 .plugin-card-bottom {
 	clear: both;
 	padding: 12px 20px;
-	background-color: #fafafa;
-	border-top: 1px solid #ddd;
+	background-color: #f6f7f7;
+	border-top: 1px solid #dcdcde;
 	overflow: hidden;
 }
 
@@ -1488,7 +1494,7 @@
 .plugin-card-update-failed .notice-error {
 	margin: 0;
 	padding-left: 16px;
-	box-shadow: 0 -1px 0 #ddd;
+	box-shadow: 0 -1px 0 #dcdcde;
 }
 
 .plugin-card-update-failed .plugin-card-bottom {
@@ -1522,7 +1528,7 @@
 
 .plugin-card .column-compatibility span:before {
 	font: normal 20px/.5 dashicons;
-	speak: none;
+	speak: never;
 	display: inline-block;
 	padding: 0;
 	top: 4px;
@@ -1532,17 +1538,17 @@
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none !important;
-	color: #444;
+	color: #3c434a;
 }
 
 .plugin-card .column-compatibility .compatibility-incompatible:before {
 	content: "\f158";
-	color: #c62d2d;
+	color: #d63638;
 }
 
 .plugin-card .column-compatibility .compatibility-compatible:before {
 	content: "\f147";
-	color: #31843f;
+	color: #007017;
 }
 
 .plugin-card .notice {
@@ -1559,7 +1565,7 @@
 }
 
 .no-plugin-results {
-	color: #666; /* same as no themes and no media */
+	color: #646970; /* same as no themes and no media */
 	font-size: 18px;
 	font-style: normal;
 	margin: 0;
@@ -1570,20 +1576,16 @@
 /* ms */
 /* Background Color for Site Status */
 .wp-list-table .site-deleted,
-.wp-list-table tr.site-deleted {
-	background: #ff8573;
+.wp-list-table tr.site-deleted,
+.wp-list-table .site-archived,
+.wp-list-table tr.site-archived {
+	background: #fcf0f1;
 }
 .wp-list-table .site-spammed,
-.wp-list-table tr.site-spammed {
-	background: #faafaa;
-}
-.wp-list-table .site-archived,
-.wp-list-table tr.site-archived {
-	background: #ffebe8;
-}
+.wp-list-table tr.site-spammed,
 .wp-list-table .site-mature,
 .wp-list-table tr.site-mature {
-	background: #fecac2;
+	background: #fcf9e8;
 }
 
 .sites.fixed .column-lastupdated,
@@ -1696,7 +1698,7 @@
 	}
 
 	.tablenav.bottom .tablenav-pages.one-page {
-		margin: 15px 0 0 0;
+		margin-top: 15px;
 		height: 0;
 	}
 
@@ -1853,7 +1855,7 @@
 		border: none;
 		border-radius: 0;
 		background: none;
-		color: #bb2a2a;
+		color: #b32d2e;
 		font-size: inherit;
 		line-height: inherit;
 		text-align: left;
@@ -1861,7 +1863,7 @@
 
 	.column-response .post-com-count-pending:hover,
 	.column-comments .post-com-count-pending:hover {
-		color: #dc3232;
+		color: #d63638;
 	}
 
 	.widefat thead td.check-column,
@@ -1869,23 +1871,24 @@
 		padding-top: 10px;
 	}
 
+	.row-actions {
+		margin-left: -8px;
+		margin-right: -8px;
+		padding-top: 4px;
+	}
+
 	/* Make row actions more easy to select on mobile */
 	body:not(.plugins-php) .row-actions {
-		display: -ms-grid;
-		display: grid;
-		-ms-grid-columns: auto auto auto;
-		grid-template-columns: auto auto auto;
+		display: flex;
+		flex-wrap: wrap;
+		gap: 8px;
 		color: transparent;
 	}
 
-	.row-actions span {
-		padding: 4px 0;
-	}
-
 	.row-actions span a,
 	.row-actions span .button-link {
 		display: inline-block;
-		padding: 4px 0;
+		padding: 4px 8px;
 		line-height: 1.5;
 	}
 
@@ -2066,11 +2069,6 @@
 		display: table-cell;
 	}
 
-	.plugins .active.update + .plugin-update-tr:before {
-		border-left: 4px solid #d54e21;
-		background-color: #fef7f1;
-	}
-
 	.plugins #the-list .plugin-update-tr .plugin-update {
 		border-left: none;
 	}
@@ -2079,9 +2077,10 @@
 		margin-left: 0;
 	}
 
-	.plugins .active.update + .plugin-update-tr:before {
-		background-color: #f7fcfe;
-		border-left: 4px solid #00a0d2;
+	.plugins .active.update + .plugin-update-tr:before,
+	.plugins .active.updated + .plugin-update-tr:before {
+		background-color: #f0f6fc;
+		border-left: 4px solid #72aee6;
 	}
 
 	.plugins .plugin-update-tr .update-message {
@@ -2139,6 +2138,11 @@
 		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) {
@@ -2146,10 +2150,16 @@
 		margin: 0;
 	}
 
-	/* Drop row actions to two columns on a small screen */
-	.row-actions:not(.plugins-php) {
-		-ms-grid-columns: auto auto;
-		grid-template-columns: auto auto;
+	.tablenav.bottom .displaying-num {
+		position: relative;
+		top: 0;
+		display: block;
+		text-align: right;
+		padding-bottom: 0.5em;
+	}
+
+	.tablenav.bottom .tablenav-pages.one-page {
+		height: auto;
 	}
 
 	.tablenav-pages .tablenav-paging-text {