From 703b12e7e9a1f375b451e5609e018cd692eda832 Mon Sep 17 00:00:00 2001
From: rowland henshaw <rowland.henshaw@andela.com>
Date: Fri, 16 Jun 2017 10:34:04 +0100
Subject: [PATCH 1/4] added default hover style for languages and currencies
 class #2444

---
 .../included/default-theme/client/styles/navbar.less        | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/imports/plugins/included/default-theme/client/styles/navbar.less b/imports/plugins/included/default-theme/client/styles/navbar.less
index 8886ac46db9..2dc7b109343 100644
--- a/imports/plugins/included/default-theme/client/styles/navbar.less
+++ b/imports/plugins/included/default-theme/client/styles/navbar.less
@@ -257,6 +257,12 @@ html:not(.rtl) .rui.navbar .languages .dropdown-menu {
   border-color: @navbar-default-toggle-border-color;
 }
 
+.rui.navbar .languages:hover,
+.rui.navbar .currencies:hover {
+  background-color: @navbar-default-toggle-icon-bar-bg;
+  border-color: @navbar-default-toggle-border-color;
+}
+
 .accounts-a-tag {
   display: flex !important;
   align-items: center;

From ba0affbb6aba1f11ca2e76992daa6098ffc8f06e Mon Sep 17 00:00:00 2001
From: rowland henshaw <rowland.henshaw@andela.com>
Date: Fri, 16 Jun 2017 13:01:24 +0100
Subject: [PATCH 2/4] added accounts css class to div in mainDropdownContainer
 #2444

---
 .../accounts/containers/dropdown/mainDropdownContainer.js       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/modules/accounts/containers/dropdown/mainDropdownContainer.js b/client/modules/accounts/containers/dropdown/mainDropdownContainer.js
index b4a2df611da..3cf99528e39 100644
--- a/client/modules/accounts/containers/dropdown/mainDropdownContainer.js
+++ b/client/modules/accounts/containers/dropdown/mainDropdownContainer.js
@@ -56,7 +56,7 @@ class MainDropdownContainer extends Component {
 
   render() {
     return (
-      <div>
+      <div className="accounts">
         <MainDropdown
           {...this.props}
           handleChange={this.handleChange}

From 205387348a5f7055b909cf465f3f453700c8b577 Mon Sep 17 00:00:00 2001
From: rowland henshaw <rowland.henshaw@andela.com>
Date: Fri, 16 Jun 2017 13:02:29 +0100
Subject: [PATCH 3/4] added hover styles for account class #2444

---
 .../default-theme/client/styles/navbar.less       | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/imports/plugins/included/default-theme/client/styles/navbar.less b/imports/plugins/included/default-theme/client/styles/navbar.less
index 2dc7b109343..dade8e328d5 100644
--- a/imports/plugins/included/default-theme/client/styles/navbar.less
+++ b/imports/plugins/included/default-theme/client/styles/navbar.less
@@ -138,6 +138,16 @@ html:not(.rtl) .rui.navbar .languages .dropdown-menu {
   height: @navbar-height;
 }
 
+.rui.navbar .accounts:hover {
+  background-color: @navbar-default-toggle-icon-bar-bg;
+  border-color: @navbar-default-toggle-border-color;
+}
+
+.rui.navbar .accounts:active {
+  background-color: @navbar-default-toggle-icon-bar-bg;
+  border-color: @navbar-default-toggle-border-color;
+}
+
 .rui.navbar .accounts .dropdown-toggle {
   .display(flex);
   .align-items(center);
@@ -252,11 +262,6 @@ html:not(.rtl) .rui.navbar .languages .dropdown-menu {
   outline: none;
 }
 
-.rui.navbar .accounts:hover {
-  background-color: @navbar-default-toggle-icon-bar-bg;
-  border-color: @navbar-default-toggle-border-color;
-}
-
 .rui.navbar .languages:hover,
 .rui.navbar .currencies:hover {
   background-color: @navbar-default-toggle-icon-bar-bg;

From 0ab2f8db6d0eaf6503424cdf9d7aaf7a3fcace0b Mon Sep 17 00:00:00 2001
From: rowland henshaw <rowland.henshaw@andela.com>
Date: Fri, 16 Jun 2017 13:03:42 +0100
Subject: [PATCH 4/4] added hover style for notification class #2444

---
 .../included/notifications/client/styles/notifications.less  | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/imports/plugins/included/notifications/client/styles/notifications.less b/imports/plugins/included/notifications/client/styles/notifications.less
index 675eb8fa3f8..dc4e5eea611 100644
--- a/imports/plugins/included/notifications/client/styles/notifications.less
+++ b/imports/plugins/included/notifications/client/styles/notifications.less
@@ -20,3 +20,8 @@
 .rui.navbar .notification-icon:after {
   background: none;
 }
+
+.rui.navbar .notification-icon:hover {
+  background-color: #e6e6e6;
+  border-color: #d9d9d9;
+}