From efcf10c00f1cde35734ea81215a7079401098d88 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+sivin-git@users.noreply.github.com>
Date: Sun, 14 Mar 2021 14:10:16 +0530
Subject: [PATCH] chore: Added hover styles (#1905)

---
 .../components/layout/SidebarItem.vue         | 29 +++++--------------
 app/javascript/dashboard/helper/inbox.js      |  2 +-
 .../dashboard/helper/specs/inbox.spec.js      |  2 +-
 3 files changed, 9 insertions(+), 24 deletions(-)

diff --git a/app/javascript/dashboard/components/layout/SidebarItem.vue b/app/javascript/dashboard/components/layout/SidebarItem.vue
index 981fbef3c..f00753497 100644
--- a/app/javascript/dashboard/components/layout/SidebarItem.vue
+++ b/app/javascript/dashboard/components/layout/SidebarItem.vue
@@ -127,6 +127,7 @@ export default {
 
 .wrap {
   display: flex;
+  align-items: center;
 }
 
 .label-color--display {
@@ -137,27 +138,11 @@ export default {
   width: $space-normal;
 }
 
-.inbox-icon.ion-social-facebook {
-  color: var(--color-facebook-brand);
-}
-
-.inbox-icon.ion-social-whatsapp-outline {
-  color: var(--color-whatsapp-brand);
-}
-
-.inbox-icon.ion-social-twitter {
-  color: var(--color-twitter-brand);
-}
-
-.inbox-icon.ion-android-textsms {
-  color: var(--color-sms-twilio);
-}
-
-.inbox-icon.ion-earth {
-  color: var(--color-woot);
-}
-
-.inbox-icon.ion-cloud {
-  color: var(--color-cloud-generic);
+.inbox-icon {
+  position: relative;
+  top: -1px;
+  &.ion-ios-email {
+    font-size: var(--font-size-medium);
+  }
 }
 </style>
diff --git a/app/javascript/dashboard/helper/inbox.js b/app/javascript/dashboard/helper/inbox.js
index cfe433b94..af8917dab 100644
--- a/app/javascript/dashboard/helper/inbox.js
+++ b/app/javascript/dashboard/helper/inbox.js
@@ -20,7 +20,7 @@ export const getInboxClassByType = (type, phoneNumber) => {
       return 'ion-cloud';
 
     case INBOX_TYPES.EMAIL:
-      return 'ion-email';
+      return 'ion-ios-email';
 
     default:
       return '';
diff --git a/app/javascript/dashboard/helper/specs/inbox.spec.js b/app/javascript/dashboard/helper/specs/inbox.spec.js
index 8fde86d8f..54c3cefad 100644
--- a/app/javascript/dashboard/helper/specs/inbox.spec.js
+++ b/app/javascript/dashboard/helper/specs/inbox.spec.js
@@ -29,7 +29,7 @@ describe('#Inbox Helpers', () => {
       expect(getInboxClassByType('Channel::Api')).toEqual('ion-cloud');
     });
     it('should return correct class for Email', () => {
-      expect(getInboxClassByType('Channel::Email')).toEqual('ion-email');
+      expect(getInboxClassByType('Channel::Email')).toEqual('ion-ios-email');
     });
   });
 });