Test fix for TCO Eligible Challenges text

Author: jmgasper

.circleci/config.yml

@@ -351,6 +351,7 @@ workflows:
               only:
                 - develop
                 - free
+                - justin-fixes
       # This is alternate dev env for parallel testing
       - "build-test":
           context : org-global

src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx

@@ -666,8 +666,9 @@ export default function FiltersPanel({
             </React.Fragment>
           )
         }
-        {isTcoChallengesVisible
-            && (
+        {
+          isTcoChallengesVisible
+          && (
             <React.Fragment>
               <div styleName="filter-row tco-challenges-filter">
                 <span
@@ -695,9 +696,8 @@ export default function FiltersPanel({
                 </div>
               </div>
             </React.Fragment>
-            )
+          )
         }
-
       </div>
 
       {

src/shared/components/challenge-listing/Filters/FiltersPanel/style.scss

@@ -120,10 +120,8 @@ hr.hr {
 
     .recommended-select-label,
     .tco-select-label {
-      width: 45%;
       margin-bottom: 16px;
       display: flex;
-      white-space: nowrap;
       line-height: 30px;
       justify-content: flex-start;
       margin-top: 15px;
@@ -133,8 +131,6 @@ hr.hr {
       }
 
       @include sm-to-md {
-        width: 50%;
-
         > div {
           display: inline-flex;
           flex-direction: row-reverse;
@@ -623,16 +619,13 @@ hr.hr {
 
     .recommended-challenge-tooltip,
     .tco-challenge-tooltip {
-      position: absolute;
-      left: 210px;
+      position: relative;
+      left: 7px;
+      top: 18px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       height: 100%;
-
-      @include xs-to-md {
-        left: 210px;
-      }
     }
   }
 }