Better rendering of stop filter buttons on XS (#206)

mbta · Sep 11, 2019 · 7377bf9 · 7377bf9
1 parent 4400cbf
commit 7377bf9
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/apps/site/assets/css/_stop-page.scss b/apps/site/assets/css/_stop-page.scss
@@ -144,8 +144,28 @@
   padding: .75 * $base-spacing;
   position: relative;
 
+  @include media-breakpoint-only(xs) {
+
+    .m-tnm-sidebar__filter-header {
+      display: block;
+    }
+
+    .c-mode-filter__filter-btn-group:last-of-type {
+      margin: 0;
+    }
+
+    .m-tnm-sidebar__filter-btn {
+      margin: $base-spacing / 4 $base-spacing / 2;
+      margin-left: 0;
+    }
+  }
+
   .m-tnm-sidebar__filter-header {
     display: inline;
+
+    @include media-breakpoint-only(xs) {
+      display: block;
+    }
   }
 }