/* Form to create a single new commitment */
form.new-commitment {
    grid-template-columns: 1fr 1fr;
    column-gap: calc(2 * var(--standard-spacing));
    margin-bottom: 2em;
}

/* Person, Amt and Wahl identify the commitment, so they get a line of their own each. The fields
   after them come in pairs that belong together (start/end, method/status, ...). */
form.new-commitment > div:nth-of-type(-n + 3) {
    grid-column: 1 / 3;
}

form.new-commitment > .checkboxes {
    grid-column: 1 / 3;
    display: grid;
    row-gap: var(--standard-spacing);
    width: fit-content;
}

form.new-commitment input[type="submit"] {
    grid-column: 1 / 3;
    width: fit-content;
}