In formatted address vertically align the labels above the inputs for…

… mobile
experiandataquality · Nov 25, 2015 · 30bceff · 30bceff
1 parent 65bb9a8
commit 30bceff
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/dist/css/styles.css b/dist/css/styles.css
@@ -226,4 +226,11 @@ select {
   form.dual-form {
     width: 100%;
   }
+  /* Vertically align the labels, above the inputs */
+  .formatted-address input {
+    width: 100%;
+  }
+  .formatted-address label {
+    width: 100%;
+  }
 }
diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css
diff --git a/src/less/media-queries.less b/src/less/media-queries.less
@@ -10,4 +10,15 @@
 	form, form.dual-form {
 		width: 100%;
 	}
+
+	/* Vertically align the labels, above the inputs */
+	.formatted-address {
+		input {
+			width: 100%;
+		}
+
+		label {
+			width: 100%;
+		}
+	}
 }