diff --git a/assets/css/wc-setup.scss b/assets/css/wc-setup.scss index 670730a5fb6..301bab4e0a4 100644 --- a/assets/css/wc-setup.scss +++ b/assets/css/wc-setup.scss @@ -326,7 +326,7 @@ body { width:100%; display: inline-flex; li { - width: 20%; + width: 100%; float: left; padding: 0 0 0.8em; margin: 0; @@ -508,7 +508,10 @@ body { align-self: stretch; display: flex; align-items: baseline; - justify-content: center; + + .wc-wizard-payment-gateway-form & { + justify-content: center; + } img { max-width: 75px; @@ -554,10 +557,6 @@ body { margin-bottom: 0; } - .wc-wizard-service-settings { - margin-top: 1em; - } - .wc-wizard-service-settings-description { display: block; font-style: italic; @@ -673,11 +672,15 @@ body { .wc-wizard-service-name { font-weight: normal; text-align: left; + align-items: center; + max-height: 5em; + padding: 0; } // List header .wc-wizard-service-item { padding-left: 2em; + padding-top: 0.67em; &:first-child { border-bottom: 0; @@ -713,7 +716,10 @@ body { display: flex; flex-direction: column; color: #a6a6a6; + } + .wc-wizard-service-item:not(:first-child) .wc-wizard-service-description { font-size: 0.92em; + padding-bottom: 10px; } .shipping-method-setting { @@ -838,7 +844,7 @@ h3.jetpack-reasons { font-size: 13px; font-weight: 500; margin-bottom: 0.5em; - margin-top: 1em; + margin-top: 0.85em; display: inline-block; } @@ -867,7 +873,7 @@ h3.jetpack-reasons { } .store-address-container { - margin-bottom: 24px; // match margin-bottom on top paragraph + margin-top: 4px; .city-and-postcode { display: flex; @@ -882,6 +888,16 @@ h3.jetpack-reasons { } } } +.store-currency-container { + margin-top: 10px; +} +.product-type-container { + margin-top: 14px; + margin-bottom: 1px; +} +#woocommerce_sell_in_person { + margin-left: 0; +} .wc-wizard-service-settings { .payment-email-input { @@ -1032,11 +1048,12 @@ p.jetpack-terms { .wc-wizard-service-setting-stripe_create_account, .wc-wizard-service-setting-ppec_paypal_reroute_requests { display: flex; - align-items: flex-end; + align-items: flex-start; margin-top: 0.75em; .payment-checkbox-input { order: 1; + margin-top: 5px; margin-left: 0; margin-right: 0; width: 1.5em; diff --git a/assets/js/admin/wc-setup.js b/assets/js/admin/wc-setup.js index ba118e3cf3d..fc196aedda8 100644 --- a/assets/js/admin/wc-setup.js +++ b/assets/js/admin/wc-setup.js @@ -74,7 +74,7 @@ jQuery( function( $ ) { .removeClass( 'hide' ) .find( '.shipping-method-required-field' ) .prop( 'required', true ); - } ); + } ).find( '.wc-wizard-shipping-method-select .method' ).change(); $( '.wc-wizard-services' ).on( 'change', '.wc-wizard-shipping-method-enable', function() { var checked = $( this ).is( ':checked' ); diff --git a/includes/admin/class-wc-admin-setup-wizard.php b/includes/admin/class-wc-admin-setup-wizard.php index fc8ade88f83..157fdbf2b81 100644 --- a/includes/admin/class-wc-admin-setup-wizard.php +++ b/includes/admin/class-wc-admin-setup-wizard.php @@ -414,6 +414,7 @@ class WC_Admin_Setup_Wizard { +
@@ -426,19 +427,15 @@ class WC_Admin_Setup_Wizard { > $name ) : ?> - + +
+
@@ -452,6 +449,7 @@ class WC_Admin_Setup_Wizard { +
@@ -1108,7 +1104,7 @@ class WC_Admin_Setup_Wizard { $paypal_ec_description = '

' . sprintf( /* translators: %s: URL */ __( 'Safe and secure payments using credit cards or your customer\'s PayPal account. Learn more.', 'woocommerce' ), - 'https://wordpress.org/plugins/woocommerce-gateway-paypal-express-checkout/' + 'https://woocommerce.com/products/woocommerce-gateway-paypal-express-checkout/' ) . '

'; $klarna_checkout_description = '

' . sprintf( /* translators: %s: URL */ @@ -1426,7 +1422,7 @@ class WC_Admin_Setup_Wizard { ), ) ), - esc_url( admin_url( 'admin.php?page=wc-addons&view=payment_gateways' ) ) + esc_url( admin_url( 'admin.php?page=wc-addons§ion=payment-gateways' ) ) ); ?>

@@ -1663,13 +1659,13 @@ class WC_Admin_Setup_Wizard { $description_base = __( 'Your store is almost ready! To activate services like %s, just connect with Jetpack.', 'woocommerce' ); if ( $payment_enabled && $taxes_enabled && $rates_enabled ) { - $description = sprintf( $description_base, __( 'payments, automated taxes, live rates and discounted shipping labels', 'woocommerce' ) ); + $description = sprintf( $description_base, __( 'payment setup, automated taxes, live rates and discounted shipping labels', 'woocommerce' ) ); } else if ( $payment_enabled && $taxes_enabled ) { - $description = sprintf( $description_base, __( 'payments and automated taxes', 'woocommerce' ) ); + $description = sprintf( $description_base, __( 'payment setup and automated taxes', 'woocommerce' ) ); } else if ( $payment_enabled && $rates_enabled ) { - $description = sprintf( $description_base, __( 'payments, live rates and discounted shipping labels', 'woocommerce' ) ); + $description = sprintf( $description_base, __( 'payment setup, live rates and discounted shipping labels', 'woocommerce' ) ); } else if ( $payment_enabled ) { - $description = sprintf( $description_base, __( 'payments', 'woocommerce' ) ); + $description = sprintf( $description_base, __( 'payment setup', 'woocommerce' ) ); } else if ( $taxes_enabled && $rates_enabled ) { $description = sprintf( $description_base, __( 'automated taxes, live rates and discounted shipping labels', 'woocommerce' ) ); } else if ( $taxes_enabled ) { @@ -1691,7 +1687,7 @@ class WC_Admin_Setup_Wizard { if ( isset( $_GET['activate_error'] ) ) { $has_jetpack_error = true; - $title = __( "Sorry, We couldn't connect your store to Jetpack", 'woocommerce' ); + $title = __( "Sorry, we couldn't connect your store to Jetpack", 'woocommerce' ); $error_message = $this->get_activate_error_message( sanitize_text_field( wp_unslash( $_GET['activate_error'] ) ) ); $description = $error_message; @@ -1735,7 +1731,14 @@ class WC_Admin_Setup_Wizard { -

+

+ +