Solucionado
Acredito que no css a estilização dos elementos está sendo feita por id ou classe. Quando criamos a nova linha com as informações do formulário, nenhuma informação de classe ou id foi inserida nos elementos criados. Porém, a estilização dela ficou igual a das outras linhas que tem classes e id. Por que isso aconteceu? A linha criada não deveria aparecer sem estilização já que classes e ids não foram atrelados a ela?
E aí, Pedro!
A estilização no CSS não está sendo feita totalmente por id ou classe. Pelo menos até esse ponto do curso, existem estilos feitos por tags. Não é o recomendado, mas como o foco do curso não é CSS, isso acaba passando.
Mais precisamente, o trecho do CSS que estiliza a tabela é esse:
table{
width: 100%;
margin-bottom : .5em;
table-layout: fixed;
}
td, th {
padding: .7em;
margin: 0;
border: 1px solid #ccc;
text-align: center;
}
th{
font-weight: bold;
background-color: #EEE;
}Existem estilos de classes no mesmo arquivo, mas não exatamente para a tabela.
Como a linha criada ao adicionar paciente já vai para dentro da tabela, acaba pegando os estilos que o CSS atribuiu diretamente para as tags.