Customize: Ensure multi-line label alignment for checkbox/radio inputs on both desktop and mobile.

Follow-up to [35608].

Props bordoni, delawski.
Fixes #34607.

Built from https://develop.svn.wordpress.org/trunk@35643


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

wp-admin/css/customize-controls-rtl.css

@@ -538,15 +538,17 @@ p.customize-section-description {
 	line-height: 28px;
 }
 
+.customize-control-radio label,
 .customize-control-checkbox label,
 .customize-control-nav_menu_auto_add label {
 	line-height: 20px;
 	display: block;
 	margin-right: 24px;
-	padding-top: 4px;
+	padding-top: 6px;
-	padding-bottom: 4px;
+	padding-bottom: 6px;
 }
 
+.customize-control-radio input,
 .customize-control-checkbox input,
 .customize-control-nav_menu_auto_add input {
 	margin-left: 4px;
@@ -566,14 +568,6 @@ p.customize-section-description {
 	margin-top: 7px;
 }
 
-.customize-control-radio label {
-	line-height: 32px;
-}
-
-.customize-control-radio input {
-	margin-left: 5px;
-}
-
 .customize-control .attachment-thumb.type-icon {
 	float: right;
 	margin: 10px;
@@ -1322,7 +1316,7 @@ body.cheatin p {
 	display: none;
 }
 
-@media only screen and (max-width: 780px) {
+@media only screen and (max-width: 782px) {
 	.wp-customizer .theme:not(.active):hover .theme-actions,
 	.wp-customizer .theme:not(.active):focus .theme-actions {
 		display: block;
@@ -1331,6 +1325,23 @@ body.cheatin p {
 	.wp-customizer .theme-browser .theme.active .theme-name span {
 		display: inline;
 	}
+
+	.customize-control-radio label,
+	.customize-control-checkbox label,
+	.customize-control-nav_menu_auto_add label {
+		margin-right: 32px;
+	}
+
+	.customize-control-radio input,
+	.customize-control-checkbox input,
+	.customize-control-nav_menu_auto_add input {
+		margin-right: -32px;
+	}
+
+	.customize-control input[type="radio"] + label,
+	.customize-control input[type="checkbox"] + label {
+		line-height: 32px;
+	}
 }
 
 @media screen and ( max-width: 640px ) {

wp-admin/css/customize-controls.css

@@ -538,15 +538,17 @@ p.customize-section-description {
 	line-height: 28px;
 }
 
+.customize-control-radio label,
 .customize-control-checkbox label,
 .customize-control-nav_menu_auto_add label {
 	line-height: 20px;
 	display: block;
 	margin-left: 24px;
-	padding-top: 4px;
+	padding-top: 6px;
-	padding-bottom: 4px;
+	padding-bottom: 6px;
 }
 
+.customize-control-radio input,
 .customize-control-checkbox input,
 .customize-control-nav_menu_auto_add input {
 	margin-right: 4px;
@@ -566,14 +568,6 @@ p.customize-section-description {
 	margin-top: 7px;
 }
 
-.customize-control-radio label {
-	line-height: 32px;
-}
-
-.customize-control-radio input {
-	margin-right: 5px;
-}
-
 .customize-control .attachment-thumb.type-icon {
 	float: left;
 	margin: 10px;
@@ -1322,7 +1316,7 @@ body.cheatin p {
 	display: none;
 }
 
-@media only screen and (max-width: 780px) {
+@media only screen and (max-width: 782px) {
 	.wp-customizer .theme:not(.active):hover .theme-actions,
 	.wp-customizer .theme:not(.active):focus .theme-actions {
 		display: block;
@@ -1331,6 +1325,23 @@ body.cheatin p {
 	.wp-customizer .theme-browser .theme.active .theme-name span {
 		display: inline;
 	}
+
+	.customize-control-radio label,
+	.customize-control-checkbox label,
+	.customize-control-nav_menu_auto_add label {
+		margin-left: 32px;
+	}
+
+	.customize-control-radio input,
+	.customize-control-checkbox input,
+	.customize-control-nav_menu_auto_add input {
+		margin-left: -32px;
+	}
+
+	.customize-control input[type="radio"] + label,
+	.customize-control input[type="checkbox"] + label {
+		line-height: 32px;
+	}
 }
 
 @media screen and ( max-width: 640px ) {

wp-includes/version.php

@@ -4,7 +4,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '4.4-beta4-35642';
+$wp_version = '4.4-beta4-35643';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.