Polish metabox container. (#36297)

WordPress · Nov 15, 2021 · 0ca945e · 0ca945e
1 parent 758c89f
commit 0ca945e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss
@@ -1,14 +1,6 @@
 .edit-post-layout__metaboxes {
 	flex-shrink: 0;
-}
-.edit-post-layout__metaboxes:not(:empty) {
-	border-top: $border-width solid $gray-300;
-	padding: 10px 0 10px;
 	clear: both;
-
-	.edit-post-meta-boxes-area {
-		margin: auto 20px;
-	}
 }
 
 // Adjust the position of the notices

diff --git a/packages/edit-post/src/components/meta-boxes/meta-boxes-area/style.scss b/packages/edit-post/src/components/meta-boxes/meta-boxes-area/style.scss
@@ -19,6 +19,11 @@
 		box-sizing: border-box;
 	}
 
+	.postbox-header {
+		border-top: $border-width solid $gray-300;
+		border-bottom: 0;
+	}
+
 	/* Match width and positioning of the meta boxes. Override default styles. */
 	#poststuff {
 		margin: 0 auto;
@@ -34,7 +39,7 @@
 		color: inherit;
 		font-weight: 600;
 		outline: none;
-		padding: 15px;
+		padding: 0 $grid-unit-30;
 		position: relative;
 		width: 100%;
 	}
@@ -46,9 +51,8 @@
 	}
 
 	.postbox > .inside {
-		border-bottom: $border-width solid $gray-300;
 		color: inherit;
-		padding: 0 $block-padding $block-padding;
+		padding: 0 $grid-unit-30 $grid-unit-30;
 		margin: 0;
 	}