Make <labels> full width in Options modal

Expands the click area of an option to fill the width of the modal so that it's easier to toggle on and off.
WordPress · Oct 16, 2018 · fed61bb · fed61bb
1 parent e3e1c4f
commit fed61bb
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/edit-post/src/components/options-modal/style.scss b/packages/edit-post/src/components/options-modal/style.scss
@@ -16,21 +16,21 @@
 	}
 
 	&__option {
-		display: flex;
-		align-items: center;
-		padding: 0.6rem 0;
 		border-top: 1px solid $light-gray-500;
 
 		&:last-child {
 			border-bottom: 1px solid $light-gray-500;
 		}
 
 		.components-base-control__field {
+			align-items: center;
+			display: flex;
 			margin: 0;
 		}
 
-		.components-checkbox-control__input {
-			margin-right: 10px;
+		.components-checkbox-control__label {
+			flex-grow: 1;
+			padding: 0.6rem 0 0.6rem 10px;
 		}
 	}
 }