notes-box, related-box {
display: flex;
flex-direction: column;
gap: 2px;
&[hidden] {
display: none;
}
&:not([mode=edit]) {
.add {
.body {
padding-inline-start: 12px;
.row {
gap: 4px;
align-items: flex-start;
@include comfortable {
padding-block: 2px;
.box {
@include clicky-item;
flex: 1;
toolbarbutton {
margin-inline-start: auto;
visibility: hidden;
&:is(:hover, :focus-within) toolbarbutton {
visibility: visible;