🐛 Campos do formulário de cadastro ocupam apenas metade da largura da tela em mobile

📋 Informações Gerais

Campo Detalhe
ID BUG-005
Data 11/03/2026
Ambiente Staging Mobile (393x852px)
Dispositivo Xiaomi Redmi Note 13
Navegador Chrome
Fluxo afetado 📱 Responsividade / 🔐 Cadastro
Severidade 🟡 Médio
Status 🔵 Aberto

📝 Descrição

Na página de Criar Conta, em resolução mobile (393x852px), os campos do formulário ocupam apenas metade da largura da tela, ficando concentrados no lado esquerdo. O texto fica quebrado e o layout não preenche o espaço disponível, prejudicando a usabilidade para usuários mobile.


🔁 Passos para Reprodução

  1. Acessar https://paciente-staging.lacreisaude.com.br
  2. Abrir DevTools (F12) e ativar modo responsivo (Ctrl+Shift+M)
  3. Configurar resolução para 393x852px (Xiaomi Redmi Note 13)
  4. Clicar em "Criar conta"
  5. Observar o layout dos campos do formulário

✅ Resultado Esperado

Os campos do formulário devem ocupar a largura total da tela em dispositivos mobile, proporcionando uma experiência de preenchimento confortável e legível.

❌ Resultado Atual

Os campos ocupam apenas metade da largura da tela, ficando concentrados no lado esquerdo. O texto dos labels fica quebrado, ocupando somente a metade esquerda da tela.


📸 Evidências