Vaadin – заставить FlexLayout использовать полный размер страницы после переноса ⇐ CSS

[Anonymous]

Я использую FlexLayout, чтобы обертывать компоненты моего веб-приложения на дисплеях меньшего размера. Этот FlexLayout создается следующим образом:

FlexLayout loginLayout = новый FlexLayout(); loginLayout.setFlexWrap(FlexWrap.WRAP); loginLayout.setFlexDirection(FlexDirection.ROW); loginLayout.setWidthFull(); loginLayout.add(изображение, hl); loginLayout.setJustifyContentMode(JustifyContentMode.BETWEEN); loginLayout.setAlignItems(Alignment.CENTER); image — это простое изображение, а hl — это HorizontalLayout, содержащий две кнопки (вход и регистрация).

Когда я работаю на большом экране, макет отображается нормально, как показано на изображении ниже.



Когда я работаю на мобильном устройстве, макет переносится, как и ожидалось (см. изображение ниже).





Но вот в чем загвоздка: после переноса я хотел бы изменить JustifyContentMode на CENTER.

Есть ли у кого-нибудь идеи, как это сделать?

Заранее спасибо.