Style:Facts/Form
.facts-display-group {
border: 1px solid @background-color;
margin: 4px;
border-radius: 4px;
margin-top: 10px;
/*hide empty groups*/
:has(>.facts-display-group-content:empty) {
display: none;
}
/*hide label if group without label*/
&.group->.facts-display-group-label {
display:none;
border: 0;
}
>.facts-display-group-label {
font-weight: bold;
padding: 0 .5em;
color: @background-color;
font-variant: small-caps;
border-bottom: 1px solid @background-color;
}
}
.facts-form-key {
grid-column: span 2;
margin-right: 1rem;
font-weight: bold;
/*to move checkboxes to their label*/
&.inline {
grid-column: span 1;
+.facts-form-value {
grid-column: span 1;
}
}
}
.facts-form-value {
grid-column: span 2;
margin-bottom: .5rem;
margin-left: .5rem;
display: flex;
gap: 1rem;
}
.facts-form-input {
flex-basis: content;
}
.facts-form-note {
font-size: 80%;
color: #555;
}