From 7eb1252ccc2a4ea257a437980408f49130d2d004 Mon Sep 17 00:00:00 2001
From: Joen Asmussen <joen@automattic.com>
Date: Wed, 12 Sep 2018 12:05:57 +0200
Subject: [PATCH] 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.
---
 edit-post/components/header/style.scss                  | 4 ++--
 edit-post/components/sidebar/settings-header/style.scss | 2 +-
 edit-post/components/sidebar/style.scss                 | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/edit-post/components/header/style.scss b/edit-post/components/header/style.scss
index c0f9e6ea05681..2fbdf549f21d1 100644
--- 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
index 467f3d73a710b..36d3cc358f222 100644
--- 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
index f7c6cdb99e30b..eda49ffb3d1ad 100644
--- 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;