widgets: Present to-do items with flexboxes.

This commit is contained in:
Karl Stolley 2024-05-22 16:22:30 -05:00 committed by Tim Abbott
parent f78fef699e
commit da6f69f8b2
1 changed files with 9 additions and 2 deletions

View File

@ -33,11 +33,18 @@
& label.checkbox {
display: flex; /* Arrange that a multi-line description line wraps properly. */
position: relative;
vertical-align: top;
/* Keep checkboxes vertically aligned, including with multi-line tasks. */
align-items: baseline;
/* Reset things from .new-style */
gap: 5px;
position: static;
min-height: 0;
& input[type="checkbox"] {
~ .custom-checkbox {
position: static;
margin-right: 0;
height: 12px;
width: 12px;
border: 2px solid hsl(156deg 28% 70%);