From 63eccb4909e2a67233d2ce142be82d3665d419d1 Mon Sep 17 00:00:00 2001
From: Anders Stentebjerg <anders@umbraco.dk>
Date: Tue, 5 Nov 2013 13:48:38 +0100
Subject: [PATCH] Styling: Error on tabs + hover state

---
 src/Umbraco.Web.UI.Client/src/less/navs.less | 13 ++++++++++---
 src/Umbraco.Web.UI.Client/src/less/tree.less |  8 ++++----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/navs.less b/src/Umbraco.Web.UI.Client/src/less/navs.less
index 0e2e26a7a0..e92c481615 100644
--- a/src/Umbraco.Web.UI.Client/src/less/navs.less
+++ b/src/Umbraco.Web.UI.Client/src/less/navs.less
@@ -162,14 +162,21 @@
 .show-validation .tab-error a,
 .show-validation .tab-error a:hover,
 .show-validation .tab-error a:focus {
-  color: @red !important;
-  border-bottom: 1px solid @red !important;
+  color: @white !important;
+  background-color: @red !important;
+  border-color: @errorBorder;
+}
+
+.show-validation .tab-error a:before {
+  content: "\e25d";
+  font-family: 'icomoon';
+  margin-right: 5px;
+  vertical-align: top;
 }
 
 .show-validation .nav-tabs > li.active.error > a,
 .show-validation .nav-tabs > li.active.error > a:hover,
 .show-validation .nav-tabs > li.active.error > a:focus {
-  border-bottom-color: white !important;
 }
 
 .umb-nav-tabs {
diff --git a/src/Umbraco.Web.UI.Client/src/less/tree.less b/src/Umbraco.Web.UI.Client/src/less/tree.less
index fd1752a45c..8ef978a863 100644
--- a/src/Umbraco.Web.UI.Client/src/less/tree.less
+++ b/src/Umbraco.Web.UI.Client/src/less/tree.less
@@ -153,9 +153,7 @@ a.umb-options {
 	right: 10px;
 	top: 3px;
 	padding: 0 3px 3px 5px;
-	border: 1px solid @grayLight;
-	.border-radius(@baseBorderRadius);
-	background: @btnBackground;
+	border: 1px solid transparent;
 }
 
 a.umb-options i {
@@ -168,7 +166,9 @@ a.umb-options i {
 }
 
 a.umb-options:hover {
-	background: @btnBackgroundHighlight
+	background: @btnBackgroundHighlight;
+	border: 1px solid @grayLight;
+	.border-radius(@baseBorderRadius);
 }
 
 li.root > div > a.umb-options {