FullCalendar - Altere a altura do evento (nomeação, entrada do diário)

Estou tentando alterar a altura de um evento (compromisso) no FullCalendar.

Eu segui a sugestão nesta respostaComo editar a largura do evento no FullCalendar?

O problema é que não tenho certeza de como definir a altura para que seja relativa ao tamanho do calendário.

Eu tentei isso:

  eventAfterRender: function (event, element, view) {
    $(element).css('height', '100%');
    }

mas na verdade mostra como uma lasca fina, idem para 200%, como se não estivesse tendo efeito.

Isso funciona:

  eventAfterRender: function (event, element, view) {
    $(element).css('height', '200px');
    }

mas é bom apenas para a resolução 1920 x 1080. Resoluções menores farão com que os compromissos se espalhem, o que não é bom.

Alguma idéia de como definir a altura do evento para ser o mesmo que o celular?

ou melhor ainda, a altura real disponível da célula. Como os eventos são exibidos apenas abaixo da data.

O uso deste calendário é para um aplicativo que tenha apenas eventos de dia inteiro, portanto, não será um problema apenas obter um único evento por célula.

TIA