diff -r 3d4e9c994f10 -r a86126ab1dd4 wp/wp-admin/css/forms.css
--- a/wp/wp-admin/css/forms.css	Tue Oct 22 16:11:46 2019 +0200
+++ b/wp/wp-admin/css/forms.css	Tue Dec 15 13:49:49 2020 +0100
@@ -1,12 +1,42 @@
 /* Include margin and padding in the width calculation of input and textarea. */
 input,
+select,
+textarea,
+button {
+	box-sizing: border-box;
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+}
+
+textarea,
+input {
+	font-size: 14px;
+}
+
 textarea {
-	box-sizing: border-box;
+	overflow: auto;
+	padding: 2px 6px;
+	/* inherits font size 14px */
+	line-height: 1.42857143; /* 20px */
+	resize: vertical;
+}
+
+label {
+	cursor: pointer;
+}
+
+input,
+select {
+	margin: 0 1px;
+}
+
+textarea.code {
+	padding: 4px 6px 1px 6px;
 }
 
 input[type="text"],
 input[type="password"],
-input[type="checkbox"],
 input[type="color"],
 input[type="date"],
 input[type="datetime"],
@@ -15,20 +45,42 @@
 input[type="month"],
 input[type="number"],
 input[type="search"],
-input[type="radio"],
 input[type="tel"],
-input[type="text"],
 input[type="time"],
 input[type="url"],
 input[type="week"],
 select,
 textarea {
-	border: 1px solid #ddd;
-	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+	box-shadow: 0 0 0 transparent;
+	border-radius: 4px;
+	border: 1px solid #7e8993;
 	background-color: #fff;
 	color: #32373c;
-	outline: none;
-	transition: 0.05s border-color ease-in-out;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+	padding: 0 8px;
+	/* inherits font size 14px */
+	line-height: 2; /* 28px */
+	/* Only necessary for IE11 */
+	min-height: 30px;
+}
+
+::-webkit-datetime-edit {
+	/* inherits font size 14px */
+	line-height: 1.85714286; /* 26px */
 }
 
 input[type="text"]:focus,
@@ -42,7 +94,6 @@
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
-input[type="text"]:focus,
 input[type="time"]:focus,
 input[type="url"]:focus,
 input[type="week"]:focus,
@@ -50,8 +101,8 @@
 input[type="radio"]:focus,
 select:focus,
 textarea:focus {
-	border-color: #5b9dd9;
-	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+	border-color: #007cba;
+	box-shadow: 0 0 0 1px #007cba;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -62,29 +113,24 @@
 	direction: ltr;
 }
 
-/* Vertically align the number selector with the input. */
-input[type="number"] {
-	height: 28px;
-	line-height: 1;
-}
-
 input[type="checkbox"],
 input[type="radio"] {
-	border: 1px solid #b4b9be;
+	border: 1px solid #7e8993;
+	border-radius: 4px;
 	background: #fff;
 	color: #555;
 	clear: none;
 	cursor: pointer;
 	display: inline-block;
 	line-height: 0;
-	height: 16px;
-	margin: -4px 4px 0 0;
+	height: 1rem;
+	margin: -0.25rem 0.25rem 0 0;
 	outline: 0;
 	padding: 0 !important;
 	text-align: center;
 	vertical-align: middle;
-	width: 16px;
-	min-width: 16px;
+	width: 1rem;
+	min-width: 1rem;
 	-webkit-appearance: none;
 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 	transition: .05s border-color ease-in-out;
@@ -96,7 +142,7 @@
 
 .wp-core-ui input[type="reset"]:hover,
 .wp-core-ui input[type="reset"]:active {
-	color: #00a0d2;
+	color: #006799;
 }
 
 td > input[type="checkbox"],
@@ -115,38 +161,39 @@
 
 input[type="radio"] {
 	border-radius: 50%;
-	margin-right: 4px;
-	line-height: 10px;
+	margin-right: 0.25rem;
+	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 0.71428571;
 }
 
-input[type="checkbox"]:checked:before,
-input[type="radio"]:checked:before {
+input[type="checkbox"]:checked::before,
+input[type="radio"]:checked::before {
 	float: left;
 	display: inline-block;
 	vertical-align: middle;
-	width: 16px;
-	font: normal 21px/1 dashicons;
+	width: 1rem;
 	speak: none;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 
-input[type="checkbox"]:checked:before {
-	content: "\f147";
-	margin: -3px 0 0 -4px;
-	color: #1e8cbe;
+input[type="checkbox"]:checked::before {
+	/* Use the "Yes" SVG Dashicon */
+	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E");
+	margin: -0.1875rem 0 0 -0.25rem;
+	height: 1.3125rem;
+	width: 1.3125rem;
 }
 
-input[type="radio"]:checked:before {
-	content: "\2022";
-	text-indent: -9999px;
-	border-radius: 50px;
-	font-size: 24px;
-	width: 6px;
-	height: 6px;
-	margin: 4px;
-	line-height: 16px;
+input[type="radio"]:checked::before {
+	content: "";
+	border-radius: 50%;
+	width: 0.5rem; /* 8px */
+	height: 0.5rem; /* 8px */
+	margin: 0.1875rem; /* 3px */
 	background-color: #1e8cbe;
+	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 1.14285714;
 }
 
 @-moz-document url-prefix() {
@@ -166,58 +213,11 @@
 	display: none;
 }
 
-.ie8 input[type="password"] {
-	font-family: sans-serif;
-}
-
-textarea,
-input,
-select,
-button {
-	font-family: inherit;
-	font-size: inherit;
-	font-weight: inherit;
-}
-
-textarea,
-input,
-select {
-	font-size: 14px;
-	padding: 3px 5px;
-	border-radius: 0; /* Reset mobile webkit's default element styling */
-}
-
-textarea {
-	overflow: auto;
-	padding: 2px 6px;
-	line-height: 1.4;
-	resize: vertical;
-}
-
 .wp-admin input[type="file"] {
 	padding: 3px 0;
 	cursor: pointer;
 }
 
-label {
-	cursor: pointer;
-}
-
-input,
-select {
-	margin: 1px;
-	padding: 3px 5px;
-}
-
-input.code {
-	padding-top: 6px;
-}
-
-textarea.code {
-	line-height: 1.4;
-	padding: 4px 6px 1px 6px;
-}
-
 input.readonly,
 input[readonly],
 textarea.readonly,
@@ -307,15 +307,87 @@
   2.0 - Forms
 ------------------------------------------------------------------------------*/
 
-
-.wp-admin select {
-	padding: 2px;
-	line-height: 28px;
-	height: 28px;
+/* Select styles are based on the default button in buttons.css */
+.wp-core-ui select {
+	font-size: 14px;
+	line-height: 2; /* 28px */
+	color: #32373c;
+	border-color: #7e8993;
+	box-shadow: none;
+	border-radius: 3px;
+	padding: 0 24px 0 8px;
+	min-height: 30px;
+	max-width: 25rem;
+	-webkit-appearance: none;
+	/* The SVG is arrow-down-alt2 from Dashicons. */
+	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
+	background-size: 16px 16px;
+	cursor: pointer;
 	vertical-align: middle;
 }
 
+.wp-core-ui select:hover {
+	color: #007cba;
+}
+
+.wp-core-ui select:focus {
+	border-color: #007cba;
+	color: #016087;
+	box-shadow: 0 0 0 1px #007cba;
+}
+
+.wp-core-ui select:active {
+	border-color: #999;
+	box-shadow: none;
+}
+
+.wp-core-ui select.disabled,
+.wp-core-ui select:disabled {
+	color: #a0a5aa;
+	border-color: #ddd;
+	background-color: #f7f7f7;
+	/* The SVG is arrow-down-alt2 from Dashicons. */
+	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
+	box-shadow: none;
+	text-shadow: 0 1px 0 #fff;
+	cursor: default;
+	transform: none;
+}
+
+/* Reset Firefox inner outline that appears on :focus. */
+/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
+.wp-core-ui select:-moz-focusring {
+	color: transparent;
+	text-shadow: 0 0 0 #016087;
+}
+
+/* Remove background focus style from IE11 while keeping focus style available on option elements. */
+.wp-core-ui select::-ms-value {
+	background: transparent;
+	color: #555;
+}
+
+.wp-core-ui select:hover::-ms-value {
+	color: #007cba;
+}
+
+.wp-core-ui select:focus::-ms-value {
+	color: #016087;
+}
+
+.wp-core-ui select.disabled::-ms-value,
+.wp-core-ui select:disabled::-ms-value {
+	color: #a0a5aa;
+}
+
+/* Hide the native down arrow for select element on IE. */
+.wp-core-ui select::-ms-expand {
+	display: none;
+}
+
 .wp-admin .button-cancel {
+	display: inline-block;
+	min-height: 28px;
 	padding: 0 5px;
 	line-height: 2;
 }
@@ -324,8 +396,18 @@
 	max-width: 100%;
 }
 
-.wp-admin select[multiple] {
+.meta-box-sortables input {
+	vertical-align: middle;
+}
+
+.misc-pub-post-status select {
+	margin-top: 0;
+}
+
+.wp-core-ui select[multiple] {
 	height: auto;
+	padding-right: 8px;
+	background: #fff;
 }
 
 .submit {
@@ -381,11 +463,16 @@
 
 input.small-text {
 	width: 50px;
-	padding: 1px 6px;
+	padding: 0 6px;
+}
+
+label input.small-text {
+	margin-top: -4px;
 }
 
 input[type="number"].small-text {
 	width: 65px;
+	padding-right: 0;
 }
 
 input.tiny-text {
@@ -394,33 +481,19 @@
 
 input[type="number"].tiny-text {
 	width: 45px;
+	padding-right: 0;
 }
 
 #doaction,
 #doaction2,
 #post-query-submit {
-	margin: 1px 8px 0 0;
-}
-
-.tablenav #changeit,
-.tablenav #delete_all,
-.tablenav #clear-recent-list,
-.wp-filter #delete_all {
-	margin-top: 1px;
+	margin: 0 8px 0 0;
 }
 
 .tablenav .actions select {
 	float: left;
 	margin-right: 6px;
-	max-width: 200px;
-}
-
-.ie8 .tablenav .actions select {
-	width: 155px;
-}
-
-.ie8 .tablenav .actions select#cat {
-	width: 200px;
+	max-width: 12.5rem;
 }
 
 #timezone_string option {
@@ -431,6 +504,10 @@
 .wp-cancel-pw > .dashicons {
 	position: relative;
 	top: 3px;
+	width: 1.25rem;
+	height: 1.25rem;
+	top: 0.25rem;
+	font-size: 20px;
 }
 
 .wp-cancel-pw .dashicons-no {
@@ -524,9 +601,12 @@
 .wp-pwd [type="password"] {
 	margin-bottom: 0;
 	/* Same height as the buttons */
-	line-height: 20px;
-	min-height: 28px;
-	max-height: 40px;
+	min-height: 30px;
+}
+
+/* Hide the Edge "reveal password" native button */
+.wp-pwd input::-ms-reveal {
+	display: none;
 }
 
 #pass1-text,
@@ -555,18 +635,12 @@
 .tablenav .search-plugins input[name="s"],
 .tagsdiv .newtag {
 	float: left;
-	height: 28px;
 	margin: 0 4px 0 0;
 }
 
 .js.plugins-php .search-box .wp-filter-search {
 	margin: 0;
 	width: 280px;
-	font-size: 16px;
-	font-weight: 300;
-	line-height: 1.5;
-	padding: 3px 5px;
-	height: 32px;
 }
 
 input[type="text"].ui-autocomplete-loading,
@@ -678,14 +752,18 @@
 }
 
 .form-table td fieldset label {
-	margin: 0.25em 0 0.5em !important;
+	margin: 0.35em 0 0.5em !important;
 	display: inline-block;
 }
 
+.form-table td fieldset p label { 
+	margin-top: 0 !important;
+}
+
 .form-table td fieldset label,
 .form-table td fieldset p,
 .form-table td fieldset li {
-	line-height: 1.4em;
+	line-height: 1.4;
 }
 
 .form-table input.tog,
@@ -794,7 +872,7 @@
 	padding: 0.7em 2em 1em;
 	min-width: 255px;
 	max-width: 520px;
-	border: 1px solid #e5e5e5;
+	border: 1px solid #ccd0d4;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 	box-sizing: border-box;
@@ -917,6 +995,7 @@
 
 .options-general-php input.small-text {
 	width: 56px;
+	margin: -2px 0;
 }
 
 .options-general-php .spinner {
@@ -967,7 +1046,7 @@
 
 #search-users,
 #search-sites {
-	max-width: 100%;
+	max-width: 60%;
 }
 
 /*------------------------------------------------------------------------------
@@ -1101,7 +1180,7 @@
 
 .tools-privacy-policy-page input.button,
 .tools-privacy-policy-page select {
-	margin-left: 6px;
+	margin: 0 1px 0 6px;
 }
 
 .tools-privacy-edit {
@@ -1109,7 +1188,7 @@
 }
 
 .tools-privacy-policy-page span {
-	line-height: 2em;
+	line-height: 2;
 }
 
 .privacy_requests .column-email {
@@ -1131,6 +1210,14 @@
 	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 }
 
+.privacy_requests .row-actions {
+	color: #72777c;
+}
+
+.privacy_requests .row-actions.processing {
+	position: static;
+}
+
 .privacy_requests tbody .has-request-results th {
 	box-shadow: none;
 }
@@ -1149,11 +1236,8 @@
 }
 
 .privacy_requests .next_steps .button {
-	height: auto;
-	line-height: 1.5;
-	padding: 4px 10px;
-	word-break: break-all;
-	white-space: unset;
+	word-wrap: break-word;
+	white-space: normal;
 }
 
 .privacy_requests .status-request-confirmed th,
@@ -1203,7 +1287,6 @@
 }
 
 .wp-privacy-request-form input {
-	line-height: 1.5;
 	margin: 0;
 }
 
@@ -1239,21 +1322,26 @@
 	}
 
 	input[type="text"],
+	input[type="password"],
+	input[type="date"],
+	input[type="datetime"],
+	input[type="datetime-local"],
 	input[type="email"],
+	input[type="month"],
+	input[type="number"],
 	input[type="search"],
-	input[type="password"],
-	input[type="number"] {
+	input[type="tel"],
+	input[type="time"],
+	input[type="url"],
+	input[type="week"] {
 		-webkit-appearance: none;
-		padding: 6px 10px;
+		padding: 3px 10px;
+		/* Only necessary for IE11 */
+		min-height: 40px;
 	}
 
-	input[type="number"] {
-		height: 40px;
-	}
-
-	input.code {
-		padding-bottom: 5px;
-		padding-top: 10px;
+	::-webkit-datetime-edit {
+		line-height: 1.875; /* 30px */
 	}
 
 	input[type="checkbox"],
@@ -1261,7 +1349,6 @@
 	.widefat thead td input[type="checkbox"],
 	.widefat tfoot td input[type="checkbox"] {
 		-webkit-appearance: none;
-		padding: 10px;
 	}
 
 	.widefat th input[type="checkbox"],
@@ -1274,41 +1361,47 @@
 	.widefat th input[type="checkbox"]:before,
 	.widefat thead td input[type="checkbox"]:before,
 	.widefat tfoot td input[type="checkbox"]:before {
-		font: normal 30px/1 dashicons;
-		margin: -3px -5px;
+		width: 1.875rem;
+		height: 1.875rem;
+		margin: -0.1875rem -0.3125rem;
 	}
 
 	input[type="radio"],
 	input[type="checkbox"] {
-		height: 25px;
-		width: 25px;
+		height: 1.5625rem;
+		width: 1.5625rem;
 	}
 
 	.wp-admin p input[type="checkbox"],
 	.wp-admin p input[type="radio"] {
-		margin-top: -3px;
+		margin-top: -0.1875rem;
 	}
 
 	input[type="radio"]:checked:before {
 		vertical-align: middle;
-		width: 9px;
-		height: 9px;
-		margin: 7px;
-		line-height: 16px;
+		width: 0.5625rem;
+		height: 0.5625rem;
+		margin: 0.4375rem;
+		line-height: 0.76190476;
 	}
 
 	.wp-upload-form input[type="submit"] {
 		margin-top: 10px;
 	}
 
-	#wpbody select {
-		height: 36px;
+	.wp-core-ui select,
+	.wp-admin .form-table select {
+		min-height: 40px;
 		font-size: 16px;
+		line-height: 1.625; /* 26px */
+		padding: 5px 24px 5px 8px;
 	}
 
 	.wp-admin .button-cancel {
-		padding: 0;
+		margin-bottom: 0;
+		padding: 2px 0;
 		font-size: 14px;
+		vertical-align: middle;
 	}
 
 	#adduser .form-field input,
@@ -1358,9 +1451,6 @@
 	.form-table span.description,
 	#profile-page .form-table textarea {
 		width: 100%;
-		font-size: 16px;
-		line-height: 1.5;
-		padding: 7px 10px;
 		display: block;
 		max-width: none;
 		box-sizing: border-box;
@@ -1371,10 +1461,6 @@
 		margin: -30px 3px 0 0;
 	}
 
-	#wpbody .form-table td select {
-		height: 40px;
-	}
-
 	input[type="text"].small-text,
 	input[type="search"].small-text,
 	input[type="password"].small-text,
@@ -1404,12 +1490,10 @@
 	}
 
 	p.search-box input[name="s"] {
-		height: auto;
 		float: none;
 		width: 100%;
 		margin-bottom: 10px;
 		vertical-align: middle;
-		-webkit-appearance: none;
 	}
 
 	p.search-box input[type="submit"] {
@@ -1419,25 +1503,23 @@
 	.form-table span.description {
 		display: inline;
 		padding: 4px 0 0;
-		line-height: 1.4em;
+		line-height: 1.4;
 		font-size: 14px;
 	}
 
 	.form-table th {
-		padding-top: 10px;
-		padding-bottom: 0;
+		padding: 10px 0 0 0;
 		border-bottom: 0;
 	}
 
 	.form-table td {
 		margin-bottom: 0;
-		padding-bottom: 6px;
-		padding-top: 4px;
-		padding-left: 0;
+		padding: 4px 0 6px 0;
 	}
 
 	.form-table.permalink-structure td code {
 		margin-left: 32px;
+		display: inline-block;
 	}
 
 	.form-table.permalink-structure td input[type="text"] {
@@ -1454,6 +1536,10 @@
 		font-size: 14px;
 	}
 
+	.background-position-control .button-group > label {
+		font-size: 0;
+	}
+
 	.form-table fieldset label {
 		display: block;
 	}
@@ -1474,9 +1560,9 @@
 		position: relative;
 	}
 
-	.wp-pwd [type="text"],
-	.wp-pwd [type="password"] {
-		padding-right: 88px;
+	/* Needs higher specificity than normal input type text and password. */
+	#profile-page .form-table #pass1 {
+		padding-right: 90px;
 	}
 
 	.wp-pwd button.button {
@@ -1489,10 +1575,14 @@
 		position: absolute;
 		right: 0;
 		top: 0;
+		width: 2.375rem;
+		height: 2.375rem;
+		min-width: 40px;
+		min-height: 40px;
 	}
 
 	.wp-pwd button.wp-hide-pw {
-		right: 40px;
+		right: 2.5rem;
 	}
 
 	.wp-pwd button.button:hover,
@@ -1510,6 +1600,12 @@
 		display: none;
 	}
 
+	.wp-pwd [type="text"],
+	.wp-pwd [type="password"] {
+		line-height: 2;
+		padding-right: 5rem;
+	}
+
 	.wp-cancel-pw .dashicons-no {
 		display: inline-block;
 	}
@@ -1546,6 +1642,13 @@
 	.wp-list-table.privacy_requests.widefat thead td input {
 		margin-left: 5px;
 	}
+
+	.wp-privacy-request-form-field input[type="text"] {
+		width: 100%;
+		margin-bottom: 10px;
+		vertical-align: middle;
+	}
+
 	.regular-text {
 		max-width: 100%;
 	}