diff --git a/assets/css/wc-setup.scss b/assets/css/wc-setup.scss index 974b1bbbe42..083f323006d 100644 --- a/assets/css/wc-setup.scss +++ b/assets/css/wc-setup.scss @@ -29,7 +29,7 @@ body { clear: none; } p { - margin: 0 0 24px; + margin: 24px 0; font-size: 1em; line-height: 1.75em; color: #666; @@ -718,3 +718,53 @@ h3.jetpack-reasons { box-shadow: none; } } + +.location-prompt { + color: #666; + font-size: 14px; + font-weight: bold; + margin-bottom: 0.5em; + margin-top: 1em; + display: inline-block; +} + +.location-input { + border: 1px solid #aaa; + border-color: #ddd; + border-radius: 4px; + height: 30px; + width: calc(100% - 8px - 24px - 2px); // account for padding, border to align with other elements + padding-left: 8px; + padding-right: 24px; + font-size: 16px; + color: #444; + background-color: #fff; + display: inline-block; + + &.dropdown { + width: 100%; + } +} + +.address-step { + .select2 { + min-width: 100%; // widen currency, product type dropdowns + } +} + +.store-address-container { + margin-bottom: 1em; + + .city-and-postcode { + display: flex; + + div { + flex-basis: 50%; + margin-right: 1em; + + &:last-of-type { + margin-right: 0; + } + } + } +} diff --git a/includes/admin/class-wc-admin-setup-wizard.php b/includes/admin/class-wc-admin-setup-wizard.php index 6d4334fc8fd..9a8563da821 100644 --- a/includes/admin/class-wc-admin-setup-wizard.php +++ b/includes/admin/class-wc-admin-setup-wizard.php @@ -293,49 +293,107 @@ class WC_Admin_Setup_Wizard { ?>

-
+

-
- -
-
- - - - -
-
- - -
-
- - countries->country_dropdown_options( $country, $state ); ?> - + + +
+ + + + +
+
+ + +
+
+ + +
-
- - -
-
- - + $name ) : ?> - + - -
-
- - -
+ + + +