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

@@ -94,6 +94,7 @@
 	margin: 0;
 	padding: 5px;
 	vertical-align: top;
+	min-height: 28px;
 }
 
 .wp-color-picker::-webkit-input-placeholder {

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,

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 {

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 {

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 */