Align all checkboxes on product page

woocommerce · Oct 19, 2022 · 38f80d8 · 38f80d8
1 parent ad7e1b1
commit 38f80d8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 17 deletions.
diff --git a/plugins/woocommerce-admin/client/products/product-page.scss b/plugins/woocommerce-admin/client/products/product-page.scss
@@ -17,8 +17,19 @@
 			margin-right: $gap-smaller;
 		}
 	}
-	.components-checkbox-control__label {
-		align-items: center;
+	.components-checkbox-control {
+		&__label {
+			display: flex;
+			align-items: center;
+		}
+
+		&__input-container {
+			align-self: center;
+		}
+
+		.components-base-control__field {
+			display: flex;
+		}
 	}
 	.woocommerce-tooltip {
 		margin-left: $gap-smaller;

diff --git a/plugins/woocommerce-admin/client/products/sections/product-details-section.scss b/plugins/woocommerce-admin/client/products/sections/product-details-section.scss
@@ -12,19 +12,4 @@
 			margin-left: $gap-smaller;
 		}
 	}
-
-	&__feature-checkbox {
-		.components-base-control__field {
-			display: flex;
-			.components-checkbox-control {
-				&__label {
-					display: flex;
-				}
-
-				&__input-container {
-					align-self: center;
-				}
-			}
-		}
-	}
 }