From b83f5dbbc9aa49da51bbc2a03f27ed3a493d65b7 Mon Sep 17 00:00:00 2001
From: Joseph Fusco <hello@josephfus.co>
Date: Thu, 15 Sep 2016 09:08:49 -0400
Subject: [PATCH 1/2] Add shadow to arrow

---
 css/fee.css | 39 ++++++++++++++-------------------------
 1 file changed, 14 insertions(+), 25 deletions(-)

diff --git a/css/fee.css b/css/fee.css
index c8f485f..c40afa0 100644
--- a/css/fee.css
+++ b/css/fee.css
@@ -59,7 +59,10 @@ div.mce-inline-toolbar-grp {
 }
 
 div.mce-inline-toolbar-grp > div.mce-stack-layout {
+	background-color: #f5f5f5;
 	padding: 1px;
+	position: relative;
+	z-index: 1;
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-up {
@@ -67,44 +70,30 @@ div.mce-inline-toolbar-grp.mce-arrow-up {
 	margin-top: 8px;
 }
 
-div.mce-inline-toolbar-grp:before,
 div.mce-inline-toolbar-grp:after {
 	position: absolute;
 	left: 50%;
 	display: block;
-	width: 0;
-	height: 0;
+	width: 12px;
+	height: 12px;
 	border-style: solid;
 	border-color: transparent;
 	content: '';
-}
-
-div.mce-inline-toolbar-grp.mce-arrow-up:before {
-	top: -9px;
-	border-bottom-color: #a0a5aa;
-	border-width: 0 9px 9px;
-	margin-left: -9px;
-}
-
-div.mce-inline-toolbar-grp.mce-arrow-down:before {
-	bottom: -9px;
-	border-top-color: #a0a5aa;
-	border-width: 9px 9px 0;
-	margin-left: -9px;
+	background-color: #f5f5f5;
+	border: 1px solid #a0a5aa;
+	-webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
+	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
+	transform: rotate(-45deg);
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-up:after {
-	top: -8px;
-	border-bottom-color: #f5f5f5;
-	border-width: 0 8px 8px;
-	margin-left: -8px;
+	top: -6px;
+	margin-left: -6px;
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-down:after {
-	bottom: -8px;
-	border-top-color: #f5f5f5;
-	border-width: 8px 8px 0;
-	margin-left: -8px;
+	bottom: -6px;
+	margin-left: -6px;
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-left:before,

From b65d36664b27ecba5e7d4b9ac0a55c74ae101c82 Mon Sep 17 00:00:00 2001
From: Joseph Fusco <hello@josephfus.co>
Date: Thu, 15 Sep 2016 09:45:17 -0400
Subject: [PATCH 2/2] Fix side arrow shadow

---
 css/fee.css | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/css/fee.css b/css/fee.css
index c40afa0..b42f5f5 100644
--- a/css/fee.css
+++ b/css/fee.css
@@ -70,7 +70,7 @@ div.mce-inline-toolbar-grp.mce-arrow-up {
 	margin-top: 8px;
 }
 
-div.mce-inline-toolbar-grp:after {
+div.mce-inline-toolbar-grp:not(.fee-main-toolbar):after {
 	position: absolute;
 	left: 50%;
 	display: block;
@@ -138,17 +138,13 @@ div.mce-inline-toolbar-grp.mce-arrow-left-side:after {
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-left-side:before {
-	left: -9px;
-	border-right-color: #a0a5aa;
-	border-width: 9px 9px 9px 0;
-	margin-top: -9px;
+	left: -6px;
+	margin-top: -6px;
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-left-side:after {
-	left: -8px;
-	border-right-color: #f5f5f5;
-	border-width: 8px 8px 8px 0;
-	margin-top: -8px;
+	left: -6px;
+	margin-top: -6px;
 }
 
 div.wp-link-preview {