feat: adjust card tag label by screen size

2018-09-04 18:19:37 -07:00
parent 712c5c095c
commit 5665bdeaa9
1 changed files with 11 additions and 0 deletions
--- a/packages/search-site/src/index.ejs
+++ b/packages/search-site/src/index.ejs
@@ -33,6 +33,11 @@
      margin: 12px;
    }

+    #strain-list .cards .card .tag-list--title {
+      font-size: 0.8em;
+    }
+
+
    @media screen and (min-width: 769px) {
      #strain-list .cards .card {
        width: 45%;
@@ -45,6 +50,12 @@
      }
    }

+    @media screen and (max-width: 860px) {
+      #strain-list .cards .card .tag-list--title {
+        font-size: 0.7em;
+      }
+    }
+
    #search-form .filters .select {
      display: block;
    }