Browse Source

Better mobile form styles

master
Dylan Baker 3 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
 .filters__section {
20
 .filters__section {
21
   display: flex;
21
   display: flex;
22
   padding: .5em 0;
22
   padding: .5em 0;
23
+
24
+  @media(max-width: 768px) {
25
+    flex-direction: column;
26
+  }
23
 }
27
 }
24
 
28
 
25
 .filters__subsection--sort {
29
 .filters__subsection--sort {
32
 
36
 
33
 .filters__subsection {
37
 .filters__subsection {
34
   flex: 1;
38
   flex: 1;
35
-  padding: 0 1em;
36
 
39
 
37
   &.filters__subsection--static {
40
   &.filters__subsection--static {
38
     flex: 1;
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
 .form__field {
53
 .form__field {

Loading…
Cancel
Save