fix: #1371 filtering-mobile-and-ui-issues-on-browse-apps (#1433)

reapit · Jun 2, 2020 · b0b3db9 · b0b3db9
1 parent c34899b
commit b0b3db9
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/packages/marketplace/src/styles/blocks/categories-list.scss b/packages/marketplace/src/styles/blocks/categories-list.scss
@@ -1,6 +1,22 @@
+@import '../base/screen-size.scss';
+
 .categoryItem {
   display: inline;
   margin: 4px;
+
+  a {
+    color: #262f69;
+    cursor: pointer;
+    text-decoration: none;
+    font-weight: normal;
+  }
+
+  &.categoryItemActive {
+    a {
+      color: black;
+      font-weight: 700;
+    }
+  }
 }
 
 .categoryItem:hover {
@@ -14,7 +30,9 @@
   }
 }
 
-.categoryItemActive {
-  color: black;
-  font-weight: 700;
+.listCategories {
+  @include for-mobile-only {
+    display: flex;
+    flex-wrap: wrap;
+  }
 }