Fix alignment of the new template button (#26934)

* Fix alignment of the new template button * fix lint offences Co-authored-by: ntsekouras <ntsekouras@outlook.com>
WordPress · Nov 13, 2020 · 9db42e0 · 9db42e0
1 parent 1d21b92
commit 9db42e0
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/components/src/navigation/styles/navigation-styles.js b/packages/components/src/navigation/styles/navigation-styles.js
@@ -68,8 +68,12 @@ export const MenuTitleHeadingUI = styled( Text )`
 	margin-bottom: ${ space( 1 ) };
 	padding: ${ ( props ) =>
 		props.isRTL
-			? `${ space( 0.5 ) } ${ space( 2 ) } ${ space( 0.5 ) } 0`
-			: `${ space( 0.5 ) } 0 ${ space( 0.5 ) } ${ space( 2 ) }` };
+			? `${ space( 0.5 ) } ${ space( 2 ) } ${ space( 0.5 ) } ${ space(
+					1.5
+			  ) }`
+			: `${ space( 0.5 ) } ${ space( 1.5 ) } ${ space( 0.5 ) } ${ space(
+					2
+			  ) }` };
 `;
 
 export const MenuTitleActionsUI = styled.span`

diff --git a/packages/edit-site/src/components/navigation-sidebar/navigation-panel/style.scss b/packages/edit-site/src/components/navigation-sidebar/navigation-panel/style.scss
@@ -106,3 +106,12 @@
 	font-size: 12px;
 	line-height: 16px;
 }
+
+.edit-site-navigation-panel__new-template-dropdown {
+	display: flex;
+	margin: 0 0 0 $grid-unit-15;
+
+	button {
+		margin: 0;
+	}
+}