Customize: Fix alignment of natural-width media buttons in site icon control.

Amends [40653].
Props afercia.
Fixes #40220.

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


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

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

@@ -710,12 +710,18 @@ p.customize-section-description {
 	padding-top: 7px;
 }
 
+/* Remove descender space. */
 .customize-control .thumbnail-image,
 .customize-control-header .current,
 .customize-control .wp-media-wrapper.wp-video {
 	line-height: 0;
 }
 
+/* Remove descender space. */
+.customize-control-site_icon .favicon-preview .browser-preview {
+	vertical-align: top;
+}
+
 .customize-control .thumbnail-image img {
 	cursor: pointer;
 }

wp-admin/css/customize-controls.css

@@ -710,12 +710,18 @@ p.customize-section-description {
 	padding-top: 7px;
 }
 
+/* Remove descender space. */
 .customize-control .thumbnail-image,
 .customize-control-header .current,
 .customize-control .wp-media-wrapper.wp-video {
 	line-height: 0;
 }
 
+/* Remove descender space. */
+.customize-control-site_icon .favicon-preview .browser-preview {
+	vertical-align: top;
+}
+
 .customize-control .thumbnail-image img {
 	cursor: pointer;
 }

wp-includes/customize/class-wp-customize-header-image-control.php

@@ -204,8 +204,7 @@ class WP_Customize_Header_Image_Control extends WP_Customize_Image_Control {
 			<div class="actions">
 				<?php if ( current_user_can( 'upload_files' ) ): ?>
 				<button type="button"<?php echo $visibility; ?> class="button remove" aria-label="<?php esc_attr_e( 'Hide header image' ); ?>"><?php _e( 'Hide image' ); ?></button>
-				<button type="button" class="button new" id="header_image-button"  aria-label="<?php esc_attr_e( 'Add new header image' ); ?>"><?php _e( 'Add new image' ); ?></button>
+				<button type="button" class="button new" id="header_image-button" aria-label="<?php esc_attr_e( 'Add new header image' ); ?>"><?php _e( 'Add new image' ); ?></button>
-				<div style="clear:both"></div>
 				<?php endif; ?>
 			</div>
 			<div class="choices">

wp-includes/customize/class-wp-customize-media-control.php

@@ -192,7 +192,6 @@ class WP_Customize_Media_Control extends WP_Customize_Control {
 					<# if ( data.canUpload ) { #>
 					<button type="button" class="button remove-button">{{ data.button_labels.remove }}</button>
 					<button type="button" class="button upload-button control-focus" id="{{ data.settings['default'] }}-button">{{ data.button_labels.change }}</button>
-					<div style="clear:both"></div>
 					<# } #>
 				</div>
 			</div>
@@ -208,7 +207,6 @@ class WP_Customize_Media_Control extends WP_Customize_Control {
 					<# if ( data.canUpload ) { #>
 					<button type="button" class="button upload-button" id="{{ data.settings['default'] }}-button">{{ data.button_labels.select }}</button>
 					<# } #>
-					<div style="clear:both"></div>
 				</div>
 			</div>
 		<# } #>

wp-includes/customize/class-wp-customize-site-icon-control.php

@@ -62,7 +62,7 @@ class WP_Customize_Site_Icon_Control extends WP_Customize_Cropped_Image_Control
 		<# if ( data.attachment && data.attachment.id ) { #>
 			<div class="attachment-media-view">
 				<# if ( data.attachment.sizes ) { #>
-					<div class="site-icon-preview">
+					<div class="site-icon-preview wp-clearfix">
 						<div class="favicon-preview">
 							<img src="<?php echo esc_url( admin_url( 'images/' . ( is_rtl() ? 'browser-rtl.png' : 'browser.png' ) ) ); ?>" class="browser-preview" width="182" alt="" />
 
@@ -78,7 +78,6 @@ class WP_Customize_Site_Icon_Control extends WP_Customize_Cropped_Image_Control
 					<# if ( data.canUpload ) { #>
 						<button type="button" class="button remove-button"><?php echo $this->button_labels['remove']; ?></button>
 						<button type="button" class="button upload-button" id="{{ data.settings['default'] }}-button"><?php echo $this->button_labels['change']; ?></button>
-						<div style="clear:both"></div>
 					<# } #>
 				</div>
 			</div>
@@ -94,7 +93,6 @@ class WP_Customize_Site_Icon_Control extends WP_Customize_Cropped_Image_Control
 					<# if ( data.canUpload ) { #>
 						<button type="button" class="button upload-button" id="{{ data.settings['default'] }}-button"><?php echo $this->button_labels['select']; ?></button>
 					<# } #>
-					<div style="clear:both"></div>
 				</div>
 			</div>
 		<# } #>

wp-includes/version.php

@@ -4,7 +4,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '4.8-beta1-40670';
+$wp_version = '4.8-beta1-40671';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.