CSS snippet to make it less blocky

[ksdavidc]

I found the original table a bit "blocky", so I made the following CSS snippet, in case anyone else wants to play with it.

.chrono-temp-slot1 {
    height: fit-content; 
}

.chrono-temp-slot1-info {
    justify-content: center;
    background: var(--background-modifier-border);
         background:pink;  
        background: var(--text-accent);
        background: var(--background-secondary-alt);
}

.chrono-cluster-container {
    min-height: 5px;
}

.chronology-calendar-box {
max-width: 60em;
}

.chronology-calendar-grid td, .chronology-calendar-grid th {
width: 80vw;
}

.chrono-temp-note {
text-overflow: clip;
text-wrap: wrap;
}

span.chrono-note-name {
    display: inline-flex;
    padding-left: 0.2em;
    white-space: normal;
    font-size: 122%;
    vertical-align: middle;
    width: 80%;
    box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .25);
    filter: brightness(122%);
}

span.chrono-note-time {
    display: inline-block;
    vertical-align: middle;
}

[ksdavidc]

after:

before: