/*
 * One measurement per row where the dialog is wide enough, stacked on a phone. Rows are separated so a
 * value is never read against the wrong name.
 */

.result-measurement {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 6.5rem 6rem auto;
    align-items: end;
    gap: 0.5rem 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--line-soft);
}

.result-measurement:first-of-type {
    padding-top: 0;
    border-top: 0;
}

.result-measurement__field {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.result-measurement .ak-field-error {
    grid-column: 1 / -1;
}

@media (max-width: 639px) {
    .result-measurement {
        grid-template-columns: minmax(0, 1fr);
    }

    .result-measurement__remove {
        justify-self: start;
    }
}