From 95cec5e342569c192573c3279743d0aa941052af Mon Sep 17 00:00:00 2001
From: Jordan West <jordwest@gmail.com>
Date: Wed, 3 Feb 2016 14:52:10 +1000
Subject: [PATCH] Support User: Improvements to styles

---
 client/layout/masterbar/style.scss | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/client/layout/masterbar/style.scss b/client/layout/masterbar/style.scss
index de7d3369be699..d517949af7418 100644
--- a/client/layout/masterbar/style.scss
+++ b/client/layout/masterbar/style.scss
@@ -17,6 +17,11 @@ $autobar-height: 20px;
 	z-index: z-index( 'root', '.masterbar' );
 	-webkit-font-smoothing: subpixel-antialiased;
 
+	.is-support-user & {
+		background: $orange-jazzy;
+		border-bottom: 1px solid darken( $orange-jazzy, 4% );
+	}
+
 	@include breakpoint( ">660px" ) {
 		backface-visibility: hidden;
 	}
@@ -57,6 +62,10 @@ $autobar-height: 20px;
 		background: $blue-dark;
 	}
 
+	.is-support-user &.is-active {
+		background: darken( $orange-jazzy, 10% );
+	}
+
 	@include breakpoint( "<480px" ) {
 		flex: 1 1 auto;
 
@@ -104,6 +113,17 @@ $autobar-height: 20px;
 		display: none;
 	}
 
+	.is-support-user &,
+	.is-support-user &:focus,
+	.is-support-user &:hover,
+	.is-support-user &:visited {
+		color: $orange-jazzy;
+	}
+
+	.is-support-user &.is-active {
+		color: $white;
+	}
+
 	@include breakpoint( ">480px" ) {
 		margin-left: auto;
 	}
@@ -188,14 +208,6 @@ $autobar-height: 20px;
 	}
 }
 
-.is-support-user .masterbar {
-	background-color: $orange-jazzy;
-
-	.masterbar__item.is-active {
-		background-color: darken( $orange-jazzy, 10% );
-	}
-}
-
 @keyframes bubble-unread-indication {
 	30% {
 		transform: scale(1.5);