Square boxes using a css-snippet?

[tmummert]

Currently the boxes in my heatmaps have rectangular shape. Can they be made square using a css snippet? Are rounded corners also possible?

Thanks a lot in advance!

[samgiz]

This might help:

.heatmap-calendar-boxes li {
    /* Make boxes square */
    aspect-ratio: 1;
    /* I believe you should be able to use `border-radius` for rounded corners here */
}

/* This removes the `Mon`/`Wed`/`Fri`/`Sun` labels, otherwise I find the heatmap looks wonky when the note width is small */
.heatmap-calendar-days {
    display: none;
}

[tmummert]

This worked, thank you very much!

/* Make boxes square with rounded corners */
.heatmap-calendar-boxes li {
    aspect-ratio: 1;
    border-radius: 20% 20%;
}

At the same time, the Obsidian option Editor/Display/Readable line length should be deactivated.