From c2ffe162482eb400ecb43c3857985928437b57bc Mon Sep 17 00:00:00 2001
From: Andrea Fercia <afercia@git.wordpress.org>
Date: Mon, 7 Oct 2019 13:18:19 +0000
Subject: [PATCH] Accessibility: Improve and modernize user interface controls
 for better contrast: Further improvements to input heights and alignments.

- improves input fields height in the customizer
- improves input fields height for Internet Explorer 11
- improves input fields height in the Image Editor
- improves alignment of selects and buttons in the privacy policy pages
- makes the search themes fields font-size consistent

Props garrett-eclipse, afercia.
See #47477.


git-svn-id: https://develop.svn.wordpress.org/trunk@46419 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/color-picker.css       |  1 +
 src/wp-admin/css/customize-controls.css | 11 ++++++-----
 src/wp-admin/css/forms.css              |  4 +++-
 src/wp-admin/css/media.css              |  2 +-
 src/wp-admin/css/themes.css             |  1 +
 5 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css
index 815a7df600..9869ccb2cc 100644
--- a/src/wp-admin/css/color-picker.css
+++ b/src/wp-admin/css/color-picker.css
@@ -94,6 +94,7 @@
 	margin: 0;
 	padding: 5px;
 	vertical-align: top;
+	min-height: 28px;
 }
 
 .wp-color-picker::-webkit-input-placeholder {
diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css
index 90581822c3..fbc6411488 100644
--- a/src/wp-admin/css/customize-controls.css
+++ b/src/wp-admin/css/customize-controls.css
@@ -284,12 +284,14 @@ body.trashing #publish-settings {
 }
 
 #customize-control-changeset_preview_link input {
-	line-height: 2.5;
+	line-height: 2.85714286; /* 40px */
 	border-top: 1px solid #ddd;
 	border-left: none;
 	border-right: none;
 	text-indent: -999px;
 	color: #fff;
+	/* Only necessary for IE11 */
+	min-height: 40px;
 }
 
 #customize-control-changeset_preview_link label {
@@ -347,7 +349,7 @@ body.trashing #publish-settings {
 }
 
 .date-time-fields .date-input.year {
-	width: 60px;
+	width: 65px;
 }
 
 .date-time-fields .date-input.meridian {
@@ -924,7 +926,6 @@ p.customize-section-description {
 .customize-control input[type="tel"],
 .customize-control input[type="url"] {
 	width: 100%;
-	line-height: 1.3;
 	margin: 0;
 }
 
@@ -2588,9 +2589,9 @@ body.adding-widget .add-new-widget:before,
 #available-widgets-filter input,
 #available-menu-items-search input {
 	width: 100%;
-	height: 32px;
+	min-height: 32px;
 	margin: 1px 0;
-	padding: 6px 30px;
+	padding: 0 30px;
 }
 
 #available-widgets-filter input::-ms-clear,
diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
index 1e39114172..8eb9f90e74 100644
--- a/src/wp-admin/css/forms.css
+++ b/src/wp-admin/css/forms.css
@@ -74,6 +74,8 @@ input[type="week"] {
 	padding: 0 8px;
 	/* inherits font size 14px */
 	line-height: 2; /* 28px */
+	/* Only necessary for IE11 */
+	min-height: 30px;
 }
 
 ::-webkit-datetime-edit {
@@ -1171,7 +1173,7 @@ table.form-table td .updated p {
 
 .tools-privacy-policy-page input.button,
 .tools-privacy-policy-page select {
-	margin-left: 6px;
+	margin: 0 1px 0 6px;
 }
 
 .tools-privacy-edit {
diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css
index fca859ef2d..6a56624365 100644
--- a/src/wp-admin/css/media.css
+++ b/src/wp-admin/css/media.css
@@ -1128,7 +1128,7 @@ span.imgedit-scale-warn {
 .imgedit-settings .imgedit-crop-sel input[type="text"] {
 	width: 80px;
 	font-size: 14px;
-	padding: 5px 8px;
+	padding: 0 8px;
 }
 
 .imgedit-separator {
diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css
index 790797b0ee..185505d549 100644
--- a/src/wp-admin/css/themes.css
+++ b/src/wp-admin/css/themes.css
@@ -34,6 +34,7 @@ body.js .theme-browser.search-loading {
 	left: 20px;
 	margin: 0;
 	width: 280px;
+	font-size: inherit;
 }
 
 /* Position admin messages */