diff --git a/fakeyou/src/v2/view/tts/tts_model_list/MultiDropdownSearch.tsx b/fakeyou/src/v2/view/tts/tts_model_list/MultiDropdownSearch.tsx index 77837aeabc..6bea837511 100644 --- a/fakeyou/src/v2/view/tts/tts_model_list/MultiDropdownSearch.tsx +++ b/fakeyou/src/v2/view/tts/tts_model_list/MultiDropdownSearch.tsx @@ -215,16 +215,15 @@ export function MultiDropdownSearch(props: Props) { ); } + // Group categories into rows of two (on Desktop) + let groupSize = (window.innerWidth < 550) ? 1 : 2; let categoryFields = []; let categoryFieldGroups = []; for (let i = 0; i < categoryDropdowns.length; i++) { - console.log('categoryDropdowns', i) - let categoryDropdown = categoryDropdowns[i]; + categoryFields.push(categoryDropdowns[i]); - categoryFields.push(categoryDropdown); - - if (categoryFields.length >= 2) { + if (categoryFields.length >= groupSize) { categoryFieldGroups.push(
- - - - -
-- - - - - - - -
-