Media queries for small screens

experiandataquality · Sep 21, 2015 · 7ffcbe2 · 7ffcbe2
1 parent d62d1f0
commit 7ffcbe2
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/css/styles.css b/src/css/styles.css
@@ -196,4 +196,18 @@ input[type="text"], select {
 .formatted-address label {
 	display: inline-block;
 	width: 30%;
+}
+
+/* Media queries */
+@media (max-width: 480px) {
+
+	/* Reduce horizontal padding */
+	.filter-primary {
+		padding: 2.5em 5em;
+	}
+
+	/* Increase form width */
+	form, form.dual-form {
+		width: 100%;
+	}
 }