Proper block and responsive inputs

Automattic · Feb 25, 2020 · 25d3f05 · 25d3f05
1 parent 23cbea4
commit 25d3f05
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/extensions/blocks/revue/view.scss b/extensions/blocks/revue/view.scss
@@ -7,15 +7,25 @@
 	> div {
 		margin-bottom: 0.75em;
 	}
+
 	.wp-block-button {
 		margin-top: 0;
 	}
+
 	input {
+		display: block;
 		margin-top: 0.25em;
+		width: 100%;
+		@media screen and ( min-width: 600px ) {
+			width: 50%;
+		}
 	}
+
 	label {
+		display: block;
 		font-weight: bold;
 	}
+
 	.required {
 		color: #aaaaaa;
 		font-weight: normal;