From 477e34fbf81fcaec86e0ef4e6ce6bf46ec8b6fcd Mon Sep 17 00:00:00 2001
From: Weston Ruter <westonruter@git.wordpress.org>
Date: Wed, 9 Nov 2016 20:54:41 +0000
Subject: [PATCH] Customize: Eliminate use of flexbox for edit shortcuts.

Props sirbrillig.
See #27403.
Fixes #38660.


git-svn-id: https://develop.svn.wordpress.org/trunk@39186 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/css/customize-preview.css | 29 ++++-------------------
 1 file changed, 4 insertions(+), 25 deletions(-)

diff --git a/src/wp-includes/css/customize-preview.css b/src/wp-includes/css/customize-preview.css
index 0a33edfe4d..c245d25248 100644
--- a/src/wp-includes/css/customize-preview.css
+++ b/src/wp-includes/css/customize-preview.css
@@ -31,8 +31,8 @@
 
 .widget .customize-partial-edit-shortcut button:active,
 .customize-partial-edit-shortcut button:active {
-	padding: 0;
-	border: 0;
+	padding: 3px;
+	border: 1px solid #0085ba;
 }
 
 /* Styles for the actual shortcut */
@@ -55,30 +55,9 @@
 	-webkit-box-shadow: 0 2px 1px rgba(46,68,83,0.15);
 	box-shadow: 0 2px 1px rgba(46,68,83,0.15);
 	text-align: center;
-	display: -webkit-box;
-	display: -webkit-flex;
-	display: -moz-box;
-	display: -ms-flexbox;
-	display: flex;
-	-webkit-box-orient: horizontal;
-	-webkit-box-direction: normal;
-	-webkit-flex-direction: row;
-	-moz-box-orient: horizontal;
-	-moz-box-direction: normal;
-	-ms-flex-direction: row;
-	flex-direction: row;
-	-webkit-box-pack: center;
-	-webkit-justify-content: center;
-	-moz-box-pack: center;
-	-ms-flex-pack: center;
-	justify-content: center;
-	-webkit-box-align: center;
-	-webkit-align-items: center;
-	-moz-box-align: center;
-	-ms-flex-align: center;
-	align-items: center;
 	cursor: pointer;
-	padding: 0;
+	box-sizing: border-box;
+	padding: 3px;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
 	-webkit-animation-duration: .4s;