@container info-section (max-width: 800px) {
    table, tbody, tr, td, th {
        display: block;
        padding: 0 !important;
    }

    tbody {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    tr {
        flex-grow: 1;
    }

    tr:has(.file-buttons) {
        width: 100%;
    }

    th {
        font-size: .85em;
    }

    td {
        margin-bottom: .5em;
    }
}

/*
 * Promoted attributes
 */

div.promoted-attributes-container {
    margin-top: 8px;
    margin-bottom: 8px;
}

/*
 * File/Image Properties and Note Info
 */

 /* The property label */
.note-info-widget-table th,
.file-properties-widget .file-table th,
.image-properties > div:first-child > span > strong {
    opacity: 0.65;
    font-weight: 500;
}

.file-properties-widget {
    container: info-section / inline-size;
}

.file-properties-widget .file-table {
    margin: 12px;
    width: unset;
}

.file-properties-widget td:has(.file-buttons) {
    padding: 8px 0 0 0;
}

/* The button bar */
.file-properties-widget .file-buttons,
.image-properties > div:last-of-type {
    padding: 0;
    margin: 0;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 12px;
}

.file-properties-widget .file-buttons button {
    white-space: nowrap;
}

/* The properties row for images */
.image-properties > div:first-child {
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 10px 40px;
}

/*
 * Basic properties
 */

/* Note type dropdown */

div.note-type-dropdown .check {
    margin-right: 6px;
}

/* Editability dropdown */

div.editability-dropdown a.dropdown-item {
    padding: 4px 16px 4px 0;
    align-items: start !important;
}

.editability-dropdown .dropdown-item .check {
    margin-left: 4px;
}

.editability-dropdown .dropdown-item .description {
    opacity: 0.75;
    font-size: 0.85em;
}

/*
 * Owned attributes
 */

.attribute-list .add-new-attribute-button,
.attribute-list .save-attributes-button {
    bottom: 0.3em;
}

.attribute-list .save-attributes-button {
    right: 30px;
}

/* Note path in attribute detail dialog */
.attr-detail .note-path {
    margin-left: 8px;
}

/*
 * Similar notes
 */

:root .similar-notes-widget a {
    color: var(--cmd-button-text-color);
    background: var(--cmd-button-background-color);
}

:root .similar-notes-widget a:hover {
    color: var(--cmd-button-hover-text-color);
    background: var(--cmd-button-hover-background-color);
}

/* 
 * Note info
 */

:root .note-info-widget-table button.calculate-button {
    min-width: 0;
    padding: 4px 10px !important;
    font-size: 0.8em;
}

/* Narrow width layout */
.note-info-widget {
    container: info-section / inline-size;
}