From f8195a7b13eb6edd28cb7551f6c68d17b685123a Mon Sep 17 00:00:00 2001 From: Joshua T Flowers Date: Thu, 23 Jan 2020 15:11:40 +0800 Subject: [PATCH] Onboarding: Center button to continue without installation (https://github.com/woocommerce/woocommerce-admin/pull/3588) * Center button to continue without installation * Remove margin on last benefit p tag --- .../profile-wizard/steps/business-details.js | 34 ++++++++++--------- .../dashboard/profile-wizard/style.scss | 9 +++++ 2 files changed, 27 insertions(+), 16 deletions(-) diff --git a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/business-details.js b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/business-details.js index e76af686cd0..43f0fd9d0be 100644 --- a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/business-details.js +++ b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/business-details.js @@ -285,22 +285,24 @@ class BusinessDetails extends Component { { installExtensions && ( - { - goToNextStep(); - } } - onSkip={ () => { - goToNextStep(); - } } - onError={ () => { - this.setState( { - extensionInstallError: true, - isInstallingExtensions: false, - } ); - } } - autoInstall - pluginSlugs={ extensionsToInstall } - /> +
+ { + goToNextStep(); + } } + onSkip={ () => { + goToNextStep(); + } } + onError={ () => { + this.setState( { + extensionInstallError: true, + isInstallingExtensions: false, + } ); + } } + autoInstall + pluginSlugs={ extensionsToInstall } + /> +
) } ); diff --git a/plugins/woocommerce-admin/client/dashboard/profile-wizard/style.scss b/plugins/woocommerce-admin/client/dashboard/profile-wizard/style.scss index 4534bad4566..5a88b74aef5 100644 --- a/plugins/woocommerce-admin/client/dashboard/profile-wizard/style.scss +++ b/plugins/woocommerce-admin/client/dashboard/profile-wizard/style.scss @@ -36,6 +36,14 @@ } } + .woocommerce-profile-wizard__card-actions { + text-align: center; + + .components-button { + margin-top: $gap-small; + } + } + .woocommerce-profile-wizard__container { .woocommerce-profile-wizard__tos { font-size: 12px; @@ -172,6 +180,7 @@ &:last-child p { border-bottom: 0; + margin-bottom: 0; } }