Estava experimentando com isso e descobri que é possível reorganizar os grupos caso estejam em um contêiner flex.
No Horizon, isso é assim por design e por padrão, então vale a pena verificar o tema ativo para adaptá-lo, se necessário:
.groups-boxes .group-box[data-group-name="group1"] {
order: -3;
}
.groups-boxes .group-box[data-group-name="group2"] {
order: -2;
}
.groups-boxes .group-box[data-group-name="group3"] {
order: -1;
}
Não testei a compatibilidade, mas parece ser amplamente compatível com navegadores modernos, já que o display flex é o padrão comum.
O único problema que encontrei foi que meu estilo CSS não foi aplicado às caixas de grupo. Já tentei body.group-boxes sem sucesso.
Estou aberto a sugestões 