Browse Source

Better mobile form styles

master
Dylan Baker 2 years ago
parent
commit
3060aaa9e2
1 changed files with 12 additions and 1 deletions
  1. 12
    1
      web/assets/styles/form.scss

+ 12
- 1
web/assets/styles/form.scss View File

@@ -20,6 +20,10 @@
20 20
 .filters__section {
21 21
   display: flex;
22 22
   padding: .5em 0;
23
+
24
+  @media(max-width: 768px) {
25
+    flex-direction: column;
26
+  }
23 27
 }
24 28
 
25 29
 .filters__subsection--sort {
@@ -32,11 +36,18 @@
32 36
 
33 37
 .filters__subsection {
34 38
   flex: 1;
35
-  padding: 0 1em;
36 39
 
37 40
   &.filters__subsection--static {
38 41
     flex: 1;
39 42
   }
43
+
44
+  &:nth-child(2) {
45
+    padding: 0 1em;
46
+
47
+    @media(max-width: 768px) {
48
+      padding: 0;
49
+    }
50
+  }
40 51
 }
41 52
 
42 53
 .form__field {

Loading…
Cancel
Save