Merge pull request #246 from elfman/issue132

Fix issue #132

Author: birdofpreyru

src/shared/components/challenge-listing/Filters/ChallengeFilters.scss

@@ -10,6 +10,9 @@
     padding: 0 $base-unit * 4;
 
     @include xxs-to-sm {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
       padding: 0 $base-unit * 3;
     }
   }
@@ -38,7 +41,7 @@
     height: 60px;
 
     @include xxs-to-sm {
-      height: 40px;
+      height: auto;
     }
   }
 

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

@@ -27,6 +27,10 @@ $type-radius-4: $corner-radius * 2;
       height: $type-space-40;
       line-height: $type-space-40;
       margin-right: $type-space-20;
+
+      &:last-child {
+        margin-right: $type-space-20 - 5;
+      }
     }
 
     &:visited {

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

@@ -80,6 +80,8 @@ $panel-radius-4: $corner-radius * 2;
       display: flex;
       justify-content: center;
       position: relative;
+      right: 0;
+      top: $panel-space-30;
       width: 100%;
       padding-left: 0;
       border-left: none;
@@ -130,6 +132,7 @@ $panel-radius-4: $corner-radius * 2;
 
     @include xxs-to-sm {
       display: block;
+      margin-right: 0;
     }
   }
 
@@ -154,6 +157,14 @@ $panel-radius-4: $corner-radius * 2;
       &.left-label {
         min-width: 58px;
       }
+
+      @include xxs-to-sm {
+        text-align: left;
+
+        &.left-label {
+          min-width: 96px;
+        }
+      }
     }
 
     :global(.Select) {
@@ -373,7 +384,7 @@ $panel-radius-4: $corner-radius * 2;
       .Select-value-icon {
         position: absolute;
         right: 0;
-        top: 0;
+        top: 4px;
         padding: 0 $panel-space-7;
         font-size: 14px;
         border: none;