diff --git a/lib/common/static/instance_theme.css b/lib/common/static/instance_theme.css index 2b6e5f5..32f1284 100644 --- a/lib/common/static/instance_theme.css +++ b/lib/common/static/instance_theme.css @@ -2520,6 +2520,26 @@ html[data-theme="light"] .journal-detail-img-thumb { width: 100%; min-width: 0; box-sizing: border-box; + height: auto; +} + +.settings-risk-sections { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-auto-rows: auto; + gap: 10px; + margin-top: 10px; + align-items: start; +} + +.risk-policy-page .settings-subcard { + height: auto; + align-self: start; + padding: 10px 12px; + min-width: 0; + margin: 0; + width: 100%; + box-sizing: border-box; } .settings-page--grid { @@ -2764,24 +2784,6 @@ html[data-theme="light"] .journal-detail-img-thumb { font-size: 0.8rem; } -.settings-risk-sections { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); - gap: 10px; - margin-top: 10px; - flex: 1; - align-items: start; - container-type: inline-size; -} - -.settings-subcard { - padding: 10px 12px; - min-width: 0; - margin: 0; - width: 100%; - box-sizing: border-box; -} - .settings-subcard-title { margin: 0 0 8px; font-size: 0.82rem; @@ -2797,17 +2799,6 @@ html[data-theme="light"] .journal-detail-img-thumb { align-items: start; } -@container (max-width: 420px) { - .settings-risk-sections .settings-kv--compact .settings-kv-row { - grid-template-columns: minmax(0, 1fr); - gap: 2px; - } - - .settings-risk-sections .settings-kv--compact .settings-kv-row dd { - margin-bottom: 6px; - } -} - @media (max-width: 720px) { .settings-risk-sections { grid-template-columns: minmax(0, 1fr);