Align the close, chevrons, and ellipsis icons (#9814)

This applies the beginnings of a grid to the icons in the right side of the editor.
WordPress · Sep 12, 2018 · 7eb1252 · 7eb1252
1 parent 157d5b8
commit 7eb1252
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/edit-post/components/header/style.scss b/edit-post/components/header/style.scss
@@ -1,6 +1,6 @@
 .edit-post-header {
 	height: $header-height;
-	padding: $item-spacing 2px;
+	padding: $grid-size-small 2px;
 	border-bottom: $border-width solid $light-gray-500;
 	background: $white;
 	display: flex;
@@ -19,7 +19,7 @@
 	// otherwise you can invoke the overscroll bounce on the non-scrolling container, causing (ノಠ益ಠ)ノ彡┻━┻
 	@include break-small {
 		position: fixed;
-		padding: $item-spacing;
+		padding: $grid-size;
 		top: $admin-bar-height-big;
 
 		body.is-fullscreen-mode & {

diff --git a/edit-post/components/sidebar/settings-header/style.scss b/edit-post/components/sidebar/settings-header/style.scss
@@ -1,7 +1,7 @@
 .components-panel__header.edit-post-sidebar__panel-tabs {
 	justify-content: flex-start;
 	padding-left: 0;
-	padding-right: $panel-padding / 2;
+	padding-right: $grid-size-small;
 	border-top: 0;
 }
 

diff --git a/edit-post/components/sidebar/style.scss b/edit-post/components/sidebar/style.scss
@@ -148,7 +148,7 @@
 .components-panel__header.edit-post-sidebar__panel-tabs {
 	justify-content: flex-start;
 	padding-left: 0;
-	padding-right: $panel-padding / 2;
+	padding-right: $grid-size-small;
 	border-top: 0;
 	margin-top: 0;