From 72916a9751c3bd7e2c6bb02d4ffac3aac5b252d7 Mon Sep 17 00:00:00 2001
From: Andrew Ozz <azaozz@git.wordpress.org>
Date: Fri, 18 Jul 2014 22:14:05 +0000
Subject: [PATCH] TinyMCE: better "color preview" for the text color button,
 props avryl, fixes #28280.

git-svn-id: https://develop.svn.wordpress.org/trunk@29231 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/css/editor.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css
index 87bdacf62c..244312842d 100644
--- a/src/wp-includes/css/editor.css
+++ b/src/wp-includes/css/editor.css
@@ -270,9 +270,13 @@ div.mce-path {
 }
 
 .mce-toolbar .mce-colorbutton .mce-preview {
-	margin-left: -17px;
+	margin: 0;
 	padding: 0;
-	width: 18px;
+	top: auto;
+	bottom: 2px;
+	left: 3px;
+	height: 3px;
+	width: 20px;
 }
 
 /* mce listbox */
@@ -582,6 +586,7 @@ i.mce-i-wp_adv,
 i.mce-i-underline,
 i.mce-i-alignjustify,
 i.mce-i-forecolor,
+i.mce-i-backcolor,
 i.mce-i-pastetext,
 i.mce-i-pasteword,
 i.mce-i-removeformat,
@@ -685,7 +690,8 @@ i.mce-i-alignjustify:before {
 	content: '\f214';
 }
 
-i.mce-i-forecolor:before {
+i.mce-i-forecolor:before,
+i.mce-i-backcolor:before {
 	content: '\f215';
 }