Placeholder de campos suspensos na página de cadastro entra em conflito com o texto (selecione uma opção) no celular

Acabei de testar nosso processo de inscrição via celular, em antecipação a um grande número de inscrições esta semana.

No celular, o nome do campo em campos de lista suspensa é exibido sobre o texto (selecione uma opção):

Acho que ele deveria ser posicionado vários pixels mais acima para sair do caminho, assim:

Infelizmente, isso também obscurece as opções que o usuário seleciona, tornando a inscrição via celular uma experiência muito difícil quando você tem vários campos personalizados pelo usuário.

Isso acontece da mesma forma com todos os temas/componentes desativados.

Aqui está um patch CSS que me ajudou:

// correção temporária de rótulos de lista suspensa e multiseleção
.create-account #login-form .input-group .user-field.dropdown label.control-label.alt-placeholder {
    top:-8px!important;
}
.create-account #login-form .input-group .user-field.multiselect label.control-label.alt-placeholder {
    top:-8px!important;
}
2 curtidas