use entire row for year range in narrow popup

openstyles · Jan 3, 2024 · e196cd9 · e196cd9
1 parent f631738
commit e196cd9
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/popup/search.css b/popup/search.css
@@ -377,6 +377,12 @@
   min-width: 12em;
 }
 
+@media (width < 400px) {
+  #search-years {
+    width: 100%;
+  }
+}
+
 @media (min-width: 400px) {
   .search-result {
     --col: 3;
@@ -385,7 +391,7 @@
     vertical-align: top;
     box-sizing: border-box;
     margin-right: var(--pad);
-    @media (max-width: 599px) {
+    @media (width < 600px) {
       --col: 2;
       &:nth-child(even) {
         margin-right: 0;