: reset layout/spacing (summary owns the header visual) */
fieldset.module details > summary h2 {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
color: inherit !important;
text-shadow: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important;
text-transform: inherit !important;
display: inline !important;
}
/* ── Flex container guards ────────────────────────────────────────── */
/* Prevent any flex child from shrinking to zero and hiding content */
.module,
fieldset.module,
.inline-related {
min-width: 0 !important;
}
/* Override Django widgets.css: .related-widget-wrapper {display:flex; flex-grow:1;
flex-wrap:wrap; margin-bottom:5px}. The flex-grow:1 causes the wrapper to
expand to fill table cells, creating a wide flex container where GPU compositing
layer mismatches between the select and the action links are more visible. */
.related-widget-wrapper {
display: inline-flex !important; /* was flex (block); inline-flex is correct here */
flex-grow: 0 !important; /* was 1; don't expand to fill cell */
flex-wrap: nowrap !important; /* was wrap; keep select+buttons on one line */
align-items: center !important; /* vertically center select and buttons */
gap: 6px !important; /* was 0 10px */
margin-bottom: 0 !important; /* was 5px; fieldset spacing handles this */
min-width: 0 !important;
max-width: 100% !important;
vertical-align: middle !important;
}
/* ── Action icons: consistent sizing in table context ────────────── */
#result_list td a.changelink,
#result_list td a.viewlink,
#result_list td a.deletelink,
#result_list td a.addlink {
font-size: 0.58rem !important;
padding: 2px 5px !important;
min-width: 22px !important;
min-height: 18px !important;
margin: 0 1px !important;
}
/* Delete column in inline tabular tables */
.tabular.inline-related .delete {
width: 40px !important;
text-align: center !important;
vertical-align: middle !important;
padding: 4px 2px !important;
}
/* ── Content-subtitle h2 (some change pages have a subtitle) ─────── */
#content > h2 {
font-size: 0.75rem !important;
color: var(--text-2) !important;
margin-bottom: 12px !important;
margin-top: 0 !important;
border: none !important;
background: none !important;
padding: 0 !important;
text-shadow: none !important;
}
/* ── Dashboard: hide redundant "Site administration" h1 ───────────── */
body.dashboard #content > h1 {
display: none !important;
}
/* ── Fix td.original gray text overlay in tabular inlines ───────────
ROOT CAUSE: Django's forms.css uses position:absolute on the
inside td.original:
.inline-group .tabular td.original p {
position: absolute; left: 0; height: 1.2em;
overflow: hidden; color: var(--body-quiet-color); → #666
}
This floats str(obj) at left:0 of .inline-related with NO width
constraint. On a light theme #666 on white is subtle. On our dark
theme #666 on #000 is a prominent gray stripe that spans ALL
adjacent cells — exactly the "coded format gray text over every row"
the user sees.
Our general td { padding: 7px 10px !important } also overrides
Django's td.original { padding: 2px 0 0 0; width: 0 }, giving the
zero-width column unwanted visual space.
Fix: hide the decorative
label (hidden inputs are siblings of
, not children — they remain in DOM and submit correctly), and
restore zero-width / zero-padding on the column. ── */
.inline-group .tabular td.original p {
display: none !important;
}
.inline-group .tabular tr td.original {
width: 0 !important;
padding: 0 !important;
border: none !important;
}
.inline-group .tabular th.original {
width: 0 !important;
padding: 0 !important;
border: none !important;
}