/* Styles for the Objects list page (artifacts/sb2artifact_list.html). */ /* #main-container has auto side margins and is a flex child of , so it shrink-wraps to its content instead of using the available width. That capped the wide table at ~900px on any screen. Pin it to the full width (still bounded by its own max-width: 1300px). */ #main-container { width: 100%; } /* On a reasonably wide window there is room for every column header on one line; below that they may wrap. */ @media (min-width: 992px) { #objectTable thead th { white-space: nowrap; } } /* Breathing room between the DataTables controls (length menu + search box) and the table. The table clears both floated controls, so their own margin-bottom is what actually opens the gap. */ #objectTable_wrapper .dataTables_length, #objectTable_wrapper .dataTables_filter { margin-bottom: 1.5rem; } /* Per-column search / filter row that sits under the column titles. */ #objectTable thead tr.column-filters th { padding: 4px 6px; font-weight: normal; vertical-align: top; } /* Full-width filter controls. Checkboxes inside the Object Type menu are excluded so Bootstrap's .form-check-input sizing (1em) still applies. */ #objectTable thead tr.column-filters input:not([type="checkbox"]), #objectTable thead tr.column-filters .dropdown-toggle { width: 100%; min-width: 90px; } /* Every column filter is a Bootstrap dropdown (single-select for most columns, a checkbox menu for Object Type). data-bs-display="static" on the toggle skips Popper; the utility classes on the