From a207d1234be1a066b61fac35ffdc813458a30806 Mon Sep 17 00:00:00 2001
From: Joe Fiorini <joe@joefiorini.com>
Date: Wed, 13 May 2015 13:04:18 -0400
Subject: [PATCH] Update styles for active links

---
 .../static/js/main-menu/menu-item.block.less  | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/awx/ui/static/js/main-menu/menu-item.block.less b/awx/ui/static/js/main-menu/menu-item.block.less
index c281db6d03..00bea5ddcb 100644
--- a/awx/ui/static/js/main-menu/menu-item.block.less
+++ b/awx/ui/static/js/main-menu/menu-item.block.less
@@ -1,21 +1,28 @@
 /** @define MenuItem */
 
 @import (reference) "shared/utilities/icons.less";
+@import "shared/branding/colors.less";
 
 .MenuItem {
   display: flex;
   flex: none;
+
+  transition: color 60ms;
+
   padding: 0 1rem;
   min-height: 5.8rem;
   min-width: 9.2rem;
-  color: black;
   margin-right: 2rem;
   align-items: center;
 
-  &:hover {
+  &, &:active, &:focus {
       color: black;
   }
 
+  &:hover {
+      color: @blue;
+  }
+
   &:last-child {
     margin-right: 0;
   }
@@ -55,14 +62,7 @@
   }
 
   &--active {
-    flex-direction: column !important;
-    justify-content: center !important;
-    background-color: rgba(255,255,255,0.35);
-    .MenuItem-hoverIcon {
-        display: flex;
-        opacity: 1 !important;
-        height: 22px !important;
-    }
+      font-weight: bold;
   }
 
   &--right {