From 55f95bb2a8078b216d66c409946ac863fc8ac541 Mon Sep 17 00:00:00 2001
From: Technoboy10 <technoboy10@fake.email>
Date: Mon, 22 Aug 2016 11:30:44 -0600
Subject: [PATCH] remove inactive class on tabs

---
 src/components/tabs/tabs.scss | 13 +++++++++----
 src/views/explore/explore.jsx |  3 +--
 src/views/search/search.jsx   |  2 +-
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/tabs/tabs.scss b/src/components/tabs/tabs.scss
index 303708f45..a612c3f76 100644
--- a/src/components/tabs/tabs.scss
+++ b/src/components/tabs/tabs.scss
@@ -1,6 +1,12 @@
 @import "../../colors";
 @import "../../frameless";
 
+.tab-background {
+    box-shadow: 0 0 1px $box-shadow-gray;
+    background-color: $ui-white;
+    width: 100%;
+}
+
 .tabs {
     background-color:  $ui-white;
     padding: 0;
@@ -20,6 +26,7 @@
         border-bottom: 3px solid $ui-aqua;
 
         &:hover {
+            border-bottom: 3px solid $ui-aqua;
             color: $header-gray;
         }
     }
@@ -29,10 +36,8 @@
         padding: .75em 1.5em;
     }
 
-    &.inactive {
-        &:hover {
-            border-bottom: 3px solid $active-dark-gray;
-        }
+    &:hover {
+        border-bottom: 3px solid $active-dark-gray;
     }
 
     .tab-icon {
diff --git a/src/views/explore/explore.jsx b/src/views/explore/explore.jsx
index 3a17a8ae5..993056c28 100644
--- a/src/views/explore/explore.jsx
+++ b/src/views/explore/explore.jsx
@@ -115,8 +115,7 @@ var Explore = injectIntl(React.createClass({
     },
     getTab: function (type) {
         var classes = classNames({
-            active: (this.props.itemType === type),
-            inactive: (this.props.itemType !== type)
+            active: (this.props.itemType === type)
         });
         return (
             <a href={'/explore/' + type + '/' + this.props.category + '/' + this.props.mode}>
diff --git a/src/views/search/search.jsx b/src/views/search/search.jsx
index 66031db6b..87e2b9ae0 100644
--- a/src/views/search/search.jsx
+++ b/src/views/search/search.jsx
@@ -80,7 +80,7 @@ var Search = injectIntl(React.createClass({
     getTab: function (type) {
         var term = this.props.searchTerm.split(' ').join('+');
         var allTab = <a href={'/search/' + type + '?q=' + term + '/'}>
-                        <li className='inactive'>
+                        <li>
                             <img src={'/svgs/tabs/' + type + '-inactive.svg'} className={'tab-icon ' + type} />
                             <FormattedMessage id={'general.' + type} />
                         </li>