From b96ee379921637ee73506ffafa16cea1fe58a9e4 Mon Sep 17 00:00:00 2001
From: Fernando <ultimoround@gmail.com>
Date: Mon, 13 Apr 2020 11:43:57 -0300
Subject: [PATCH] Onboarding - business details step: increase max-height on
 competitors listbox
 (https://github.com/woocommerce/woocommerce-admin/pull/4111)

* Enlarged competitors' Listbox in the Onboarding

Onboarding - Added a new class to enlarge the competitors' Listbox in the Business details step.

* Replaced fixed height with unset

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>
---
 .../profile-wizard/steps/business-details.js  | 38 ++++++++++---------
 .../dashboard/profile-wizard/style.scss       |  4 ++
 2 files changed, 25 insertions(+), 17 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 8856170274d..b0692d5142e 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
@@ -626,30 +626,34 @@ class BusinessDetails extends Component {
 										'brick-mortar-other',
 									].includes( values.selling_venues ) && (
 										<Fragment>
-											<SelectControl
-												label={ __(
-													'Which platform is the store using?',
-													'woocommerce-admin'
-												) }
-												options={ otherPlatformOptions }
-												required
-												{ ...getInputProps(
-													'other_platform'
-												) }
-											/>
-											{ values.other_platform ===
-												'other' && (
-												<TextControl
+											<div className="business-competitors">
+												<SelectControl
 													label={ __(
-														'What is the platform name?',
+														'Which platform is the store using?',
 														'woocommerce-admin'
 													) }
+													options={
+														otherPlatformOptions
+													}
 													required
 													{ ...getInputProps(
-														'other_platform_name'
+														'other_platform'
 													) }
 												/>
-											) }
+												{ values.other_platform ===
+													'other' && (
+													<TextControl
+														label={ __(
+															'What is the platform name?',
+															'woocommerce-admin'
+														) }
+														required
+														{ ...getInputProps(
+															'other_platform_name'
+														) }
+													/>
+												) }
+											</div>
 										</Fragment>
 									) }
 
diff --git a/plugins/woocommerce-admin/client/dashboard/profile-wizard/style.scss b/plugins/woocommerce-admin/client/dashboard/profile-wizard/style.scss
index ee449b1598b..e88dfd4d045 100644
--- a/plugins/woocommerce-admin/client/dashboard/profile-wizard/style.scss
+++ b/plugins/woocommerce-admin/client/dashboard/profile-wizard/style.scss
@@ -27,6 +27,10 @@
 			max-width: 100%;
 			justify-content: center;
 		}
+
+		.business-competitors .woocommerce-select-control__listbox {
+			max-height: unset;
+		}
 	}
 
 	.woocommerce-profile-wizard__card-actions {