From 340cb573aef192a656adcb08182d3a6d1f989421 Mon Sep 17 00:00:00 2001
From: "Dominik Schilling (ocean90)" <ocean90@git.wordpress.org>
Date: Thu, 2 Apr 2015 17:15:08 +0000
Subject: [PATCH] Customizer: Improve the overlay close button for iOS.

see #28784.

git-svn-id: https://develop.svn.wordpress.org/trunk@31984 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/customize-controls.css | 32 ++++++++++++-------------
 src/wp-admin/customize.php              |  4 ++--
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css
index 8ee33bc414..3977271cee 100644
--- a/src/wp-admin/css/customize-controls.css
+++ b/src/wp-admin/css/customize-controls.css
@@ -197,7 +197,7 @@ body {
 	width: 100%;
 }
 
-.customize-close-overlay,
+.customize-overlay-close,
 .customize-controls-close {
 	display: block;
 	position: absolute;
@@ -205,19 +205,25 @@ body {
 	left: 0;
 	width: 45px;
 	height: 45px;
-	padding-right: 2px;
+	padding: 0 2px 0 0;
 	background: #eee;
 	border: none;
 	border-right: 1px solid #ddd;
 	color: #444;
+	text-align: left;
 	cursor: pointer;
 	-webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
 	transition: color .1s ease-in-out, background .1s ease-in-out;
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
 }
 
-.customize-close-overlay {
+.customize-overlay-close {
 	left: auto;
 	right: 0;
+	border-right: 0;
+	border-left: 1px solid #ddd;
 }
 
 .control-panel-back {
@@ -240,8 +246,8 @@ body {
 	display: none;
 }
 
-.customize-close-overlay:focus,
-.customize-close-overlay:hover,
+.customize-overlay-close:focus,
+.customize-overlay-close:hover,
 .customize-controls-close:focus,
 .customize-controls-close:hover,
 .control-panel-back:focus,
@@ -256,26 +262,20 @@ body {
 	box-shadow: none;
 }
 
+.customize-overlay-close:before,
 .customize-controls-close:before {
-	font: normal 22px/1 dashicons;
+	font: normal 22px/45px dashicons;
 	content: "\f335";
 	position: relative;
-	top: 7px;
+	top: 1px;
 	left: 13px;
 }
 
-.customize-close-overlay:before {
-	font: normal 22px/1 dashicons;
-	content: "\f335";
-	position: relative;
-	top: 3px;
-}
-
 .control-panel-back:before {
-	font: normal 20px/1 dashicons;
+	font: normal 20px/45px dashicons;
 	content: "\f341";
 	position: relative;
-	top: 7px;
+	top: 1px;
 	left: 13px;
 }
 
diff --git a/src/wp-admin/customize.php b/src/wp-admin/customize.php
index 8c6eb67fd0..c8bd6e3c2e 100644
--- a/src/wp-admin/customize.php
+++ b/src/wp-admin/customize.php
@@ -135,8 +135,8 @@ do_action( 'customize_controls_print_scripts' );
 				<span class="control-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></span>
 			</div>
 			<div class="secondary-actions">
-				<button type="button" class="dashicons dashicons-no customize-close-overlay">
-					<span class="screen-reader-text"><?php _e( 'Close' ); ?></span>
+				<button type="button" class="customize-overlay-close">
+					<span class="screen-reader-text"><?php _e( 'Close overlay' ); ?></span>
 				</button>
 			</div>
 		</div>