Отображение наборов в шаблоне modern на маленьких разрешениях

На маленьких разрешениях кнопки наборов, не помещающиеся в строку на маленьких разрешениях выходят за пределы видимости. Добраться до них можно (там подключается slick-карусель). А вот догадаться о их существовании сложно. Где-то там есть и другие

Спойлер

...

Стрелочки для прокрутки к ним добавить можно. Имхо, код, который добавит slick не ахти (обратите внимание на теги div вложенные в ul):

Спойлер

...

Предлагается такой вариант: для компов и планшетов оставить вообще без обработки скриптом (лучше пусть переносятся на новую строку); для телефонов выводить только активный набор (остальные по клику на нём).

Спойлер

...

Или так (кнопочка для вывода всех наборов отдельно)

Спойлер

...

При клике так будет выглядеть (без активного в выпадающем списке и с ним):

Спойлер

...

Спойлер

...

Если поддерживаете какой-то вариант, напишите, пожалуйста, какой именно (кнопка отдельно или нет; активный набор выводим в выпадающем списке или нет).

Может кто-то предложит свой вариант?

Думаю незачем плодить сущности и выбрать 1 кнопочку + не выводить активный набор в выпадающем списке

Спойлер

...

 Олег Васильевич я,
А подскажите файл отвечающий за содержание style в li классе.

Просто чтобы было нормально и никого не шокировало. 

Как-то позабылось уже))

Для себя сделал вариант "1 кнопочка + выводить активный набор в выпадающем списке" + кнопочка переключения во всю ширину. 

В прикпреплённом файле, сделано только для телефонов. Для остальных устройств — обычный список (если наборы не помещаются в строку, будут переводиться на новую). Если наборов 10 и больше, уменьшается их размер (там откомментировано, можете изменить для себя). Если кому понадобится, замените в своём шаблоне файл:

assets\ui\datasets-panel.tpl.php Код там можно существенно сократить, но так удобнее будет обновлять.

----------------------------------

Олег Васильевич я,
А подскажите файл отвечающий за содержание style в li классе.

Извините, это где?