USDB

Vamos precisar ajustar pequenos pontos:

1. Estamos com um espaço vazio muito grande e chamativo na parte dos sinais de rotura. Idealmente seria melhor tentar deixar ele justo à margem superior. Outra opção é subir as alternativas para alinhar horizontalmente e aumentar o espaçamento entre os títulos e as alternativas.
   

2. Faltou um "X" entre as medidas do checkbox "calibre". Se for necessário um pouco mais de espaço, talvez poderíamos aumentar a largura de toda primeira coluna já que há margem lateral sobrando em aneurisma.

3. Adicionei um campo "calibre transverso" nas opções de Aneurisma - o jeito que tinha deixado antes ficou estranho

4. Acho que poderíamos alinhar ao centro essas alternativas aqui
   

5. O espaçamento horizontal dessas alternativas tá bem justo.. talvez afastar um pouquinho os itens entre si melhore um pouco a visibilidade
   

Henrique Novaes wrote in #note-1:

Vamos precisar ajustar pequenos pontos:

1. Estamos com um espaço vazio muito grande e chamativo na parte dos sinais de rotura. Idealmente seria melhor tentar deixar ele justo à margem superior. Outra opção é subir as alternativas para alinhar horizontalmente e aumentar o espaçamento entre os títulos e as alternativas. ✅
   

2. Faltou um "X" entre as medidas do checkbox "calibre". Se for necessário um pouco mais de espaço, talvez poderíamos aumentar a largura de toda primeira coluna já que há margem lateral sobrando em aneurisma.✅

3. Adicionei um campo "calibre transverso" nas opções de Aneurisma - o jeito que tinha deixado antes ficou estranho (não encontrei essa alternativa)

4. Acho que poderíamos alinhar ao centro essas alternativas aqui✅
   

5. O espaçamento horizontal dessas alternativas tá bem justo.. talvez afastar um pouquinho os itens entre si melhore um pouco a visibilidade✅
   

Feito ✅

Camila, o Layout que vc fez está ótimo, porém quando fui utilizar, não ficou funcional. Erro meu novamente, mas é muito difícil ver esses detalhes sem tentar utilizar. A verdade é que precisei organizar melhor as informações e melhorar o espaço em tela.

Seguem as modificações que eu fiz e já estão no figma:

1. Módulo de aorta

• Inseri o "calibre tranverso" na parte de "Aneurisma de Aorta Abdominal (AAA)", coluna do meio
  

2. Módulo de Artérias Ilíacas

• Paredes: permaneceu praticamente igual, só mudei uma das alternativas da caixa de seleção para "ateromatose esparsa"
• Calibres: reformulado, agora descrevendo cada um dos quatro vasos isoladamente, com botão de popover caso a opção "aneurisma" na artéria ilíaca direita ou esquerda seja selecionado. Note que a opção aneurisma só tem na ilíaca comum direita/esquerda, enquanto na externa (linha de baixo) não temos essa opção.
• Estenoses e oclusões: objetivo é o usuário poder adicionar até 4 itens (atualmente só temos 2)
• Quadro de velocidades: agora agregado junto ao módulo de artérias ilíacas (melhorou a visualização e deixou mais bonito o layout.. estava meio estranho pequeno e em baixo antes)
  
  

1. Aorta¶

• Adicionei a opção calibre transverso
• Coloquei os números pré-definidos no novo campo
• Ajustei a margem superior da coluna de "aneurisma aorta abdominal"
• Reposicionei todos os campos com uma margem de 16px (no figma todos estavam com uma margem de 25px, mas testando em tela vi que ficava muito distante)
  

2. Módulo de Artérias Ilíacas¶

• Reposicionei todos os campos com uma margem de 16px (Assim como no módulo de aorta)

• Paredes: fiz o alinhamento com a linha debaixo

• Calibre: Inseri os novos campos, fiz as alternativas das caixas de seleção, fiz os dois novos popovers (consegui reaproveitar boa parte da estrutura antiga) e trabalhei com o modelo de colunas, dividindo o nosso espaço útil em dois. Além disso, tive que aplicar um espaçamento único em cada campo para que as alternativas de cada linha ficassem exatamente alinhadas umas com as outras. (Infelizmente não consegui manter alinhado quando o popover aparece, mesmo colocando uma margem maior o conteúdo ao lado acaba sendo um pouco deslocado para a direita)

• Estenoses: Adicionei novas alternativas e já deixei dinâmico para que apareçam conforme o usuário clicar nas opções de cima.

• Quadro de velocidades: Tive que fazer a alteração de caixa para módulo, mudando o arquivo onde o conteúdo estava. Também reposicionei os campos utilizando o modelo de colunas. Primeiro dividi o espaço em dois, utilizando 40% do espaço do lado esquerdo e 60% do lado direito. Depois dividi cada linha em pequenas colunas para que se alinhassem umas com as outras. Também utilizei algumas margens negativas para permitir que as alternativas da direita ocupassem a linha do título.

Tudo está perfeito!

Um último detalhe de grafia: na terceira alternativa é "Irregularidade"