Merge pull request #5558 from topcoder-platform/thrive-bug-fixes

Thrive bug fixes

Author: luizrrodrigues

.circleci/config.yml

@@ -353,14 +353,14 @@ workflows:
           filters:
             branches:
               only:
-                - free
+                - thrive-bug-fixes
       # This is stage env for production QA releases
       - deployStag:
           context : org-global         
           filters:
             branches:
               only:
-                - develop
+                - free
       # Production builds are exectuted 
       # when PR is merged to the master
       # Don't change anything in this configuration

src/assets/images/icon-gesture.svg

@@ -110,7 +110,7 @@ export class SearchPageFilterInner extends Component {
             <div className={theme.section}>
               <button
                 type="button"
-                className={`${theme['section-header']} ${isShowSubCategory ? theme.expanded : ''}`}
+                className={`${theme['section-header']} ${!isShowSubCategory ? theme.expanded : ''}`}
                 onClick={() => { this.setState({ isShowSubCategory: !isShowSubCategory }); }}
               >
                 <span className={theme['section-title']}>sub category</span>

src/shared/components/Contentful/SearchPageFilter/SearchPageFilter.jsx

@@ -102,6 +102,8 @@ $green-color: #137d60;
 }
 
 .expanded {
+  margin-bottom: 0 !important;
+
   svg {
     -moz-transform: scale(-1, -1);
     -o-transform: scale(-1, -1);

src/shared/components/Contentful/SearchPageFilter/themes/default.scss

@@ -77,7 +77,7 @@ $text-gray: #7f7f7f;
   flex-direction: column;
   margin-left: 22px;
   color: $text-black;
-  cursor: pointer;
+  align-items: flex-start;
 
   > div {
     position: relative;

src/shared/components/Contentful/TracksTree/ChildListRow/themes/default.scss

@@ -146,7 +146,7 @@
           align-items: center;
           background-image: url(assets/images/data-back.svg);
           width: 78px;
-          height: 69px;
+          height: 71px;
         }
 
         .trackIconDesign {
@@ -207,6 +207,7 @@
 
           @include xs-to-sm {
             margin: 32px 0 0 0;
+            text-align: center;
           }
 
           .trackTitle {
@@ -219,7 +220,7 @@
             text-align: left;
             text-transform: uppercase;
             margin-bottom: 13px;
-            display: block;
+            display: inline-block;
 
             @include xs-to-sm {
               text-align: center;