Ticket #38660: 38660.3.diff

src/wp-includes/css/customize-preview.css

@@ -31 +31 @@
 
 .widget .customize-partial-edit-shortcut button:active,
 .customize-partial-edit-shortcut button:active {
-        padding: 0;
-        border: 0;
+        padding: 3;
+        border: 1px solid #0085ba;
 }
 
 /* Styles for the actual shortcut */
@@ -39 +39 @@
 .widget .customize-partial-edit-shortcut button,
 .customize-partial-edit-shortcut button {
         position: absolute;
-        left: -36px;
+        left: -29px;
         color: #fff;
         width: 30px;
         height: 30px;
@@ -55 +55 @@
         -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;
@@ -123 +102 @@
 }
 
 .customize-partial-edit-shortcut-left-margin.customize-partial-edit-shortcut button {
-        left: 0;
+        left: 2px;
+        top: 2px;
 }
 
 @-webkit-keyframes customize-partial-edit-shortcut-bounce-appear {