Calendar: CSS tweaks

[Robbert]

Ik denk dat er een aantal dingen gefixt moet worden in de calendar CSS:

• niet niet width en inline-size door elkaar gebruiken. Bijv: var(--utrecht-calendar-table-weeks-item-width) vs var(--utrecht-calendar-table-days-item-day-size)
• .utrecht-calendar__table { border-collapse: collapse } toevoegen
• in .utrecht-calendar__table-days-item-day niet inline-size en block-size gebruiken maar min-inline-size en min-block-size. Dat kan via design tokens:
• padding: 0 op de td, th van de table
• .utrecht-calendar__table-weeks-item: verwijderen van inline-size, die kan bepaalde worden door de buttons in de tbody
• border-width en border-color tokens toevoegen voor de td, th

.utrecht-calendar__table-days-item-day {
    --utrecht-button-min-block-size: var(--utrecht-calendar-table-days-item-day-size);
    --utrecht-button-min-inline-size: var(--utrecht-calendar-table-days-item-day-size);
}

Dan is dit haalbaar:

.example {
  --utrecht-calendar-table-days-item-day-size: 30px
}

.example {
  --utrecht-calendar-table-days-item-day-size: 44px;
}