Como alinhar títulos de widget de imagens em app ?

Olá pessoal,

Eu preciso de um ajuste nos títulos do widget "Botões de opção com imagens", presente no meu formulário de nome "Bikus - Principal" [https://form.jotform.com/fazzapp/bikus_nova_vaga] quando acessado pelo meu app Bikus [https://www.jotform.com/app/fazzapp/app_bikus], tanto em telefones quanto em tablets, pois as palavras aparecem desalinhadas, mais especificamente nas opções de nomes "Chamar Profissional" e "Cadastrar Profissional", conforme pode ser visto na imagem abaixo.

Eu preciso da palavra "Profissional" situada mais à esquerda, de forma que possa se situar harmonicamente com a palavra que vai em cima, seguindo o padrão de ajuste centralizado.

Acredito que uma pequena linha em CSS possa resolver isso.

Grato,
Carlos.

Olá Carlos,

Obrigado por entrar em contato com o suporte da Jotform. Tu deve reduzir o tamanho da fonte no widget para dispositivos mobiles. Podemos fazer isso com código CSS e eu escrevi o código, basta que você insira no widget:

1. Clique na varinha mágica ao lado do widget.
2. Clique em CSS personalizado.
3. Adicione o código abaixo.

Código CSS:

@media only screen and (max-width: 480px) {

#_l0>span:nth-child(1),

#_l1>span:nth-child(1),

#_l2>span:nth-child(1),

#_l3>span:nth-child(1) {

    font-size: 14px !important;

}



#radiosContainer {

margin-left:0px !important;

}

}

Isso deve resolver o problema.

Fico à tua disposição.

Obrigado Lucas.