From 9db42e0462b7cf62d6db156cf211c379bd35f433 Mon Sep 17 00:00:00 2001 From: James Koster Date: Fri, 13 Nov 2020 11:35:31 +0000 Subject: [PATCH] Fix alignment of the new template button (#26934) * Fix alignment of the new template button * fix lint offences Co-authored-by: ntsekouras --- .../src/navigation/styles/navigation-styles.js | 8 ++++++-- .../navigation-sidebar/navigation-panel/style.scss | 9 +++++++++ 2 files changed, 15 insertions(+), 2 deletions(-) diff --git a/packages/components/src/navigation/styles/navigation-styles.js b/packages/components/src/navigation/styles/navigation-styles.js index d53cdae738473e..86b24e757a7d93 100644 --- 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 index 0b61a0efc45af5..ce07a9d4d4ba72 100644 --- 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; + } +}