Improve alignment

WordPress · Jun 10, 2020 · a5de001 · a5de001
1 parent 4d8ee16
commit a5de001
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/block-navigation/style.scss b/packages/block-editor/src/components/block-navigation/style.scss
@@ -31,6 +31,8 @@ $tree-item-height: 36px;
 		width: calc(100% - 0.8em);
 		height: auto;
 		padding: $grid-unit-15 6px;
+		margin-top: auto;
+		margin-bottom: auto;
 		text-align: left;
 		color: $dark-gray-600;
 		border-radius: 2px;
@@ -86,6 +88,10 @@ $tree-item-height: 36px;
 		}
 	}
 
+	.block-editor-block-navigation-block__menu-cell {
+		padding-top: $grid-unit-10;
+	}
+
 	.block-editor-block-navigation-block__mover-cell-alignment-wrapper {
 		display: flex;
 		height: 100%;
@@ -159,7 +165,7 @@ $tree-item-height: 36px;
 		background: $dark-gray-primary;
 		color: $white;
 		height: $grid-unit-30;
-		margin: 6px 6px 6px 0.8em;
+		margin: 6px 6px 6px 1px;
 		min-width: $grid-unit-30;
 
 		&:active {
@@ -181,6 +187,10 @@ $tree-item-height: 36px;
 		display: flex;
 	}
 
+	.block-editor-block-navigation-block__contents-container {
+		min-height: 56px;
+	}
+
 	.block-editor-block-navigator-descender-line {
 		position: relative;
 		flex-shrink: 0;
@@ -199,7 +209,7 @@ $tree-item-height: 36px;
 			content: "";
 			display: block;
 			position: absolute;
-			top: -1px;
+			top: 1px;
 			bottom: -2px;
 			right: -1px;
 			border-right: 2px solid $light-gray-900;