diff --git a/atlas/templates/atlas/case_display_block.html b/atlas/templates/atlas/case_display_block.html index 40c1c068..6756a722 100755 --- a/atlas/templates/atlas/case_display_block.html +++ b/atlas/templates/atlas/case_display_block.html @@ -137,17 +137,17 @@ .section-icon.history { background:#198754; } .section-icon.discussion { background:#fd7e14; } .section-icon.report { background:#dc3545; } - .case-metadata { border-left: 1px solid #eee; padding-left: 1rem; text-align:left; } - .case-meta-item { margin-bottom: .5rem; } - .case-meta-label { font-weight:600; font-size:0.9rem; display:block; } - @media (min-width: 768px) { + .case-metadata { border-left: 1px solid #eee; padding-left: 1rem; text-align:left; } + .case-meta-item { margin-bottom: .5rem; } + .case-meta-label { font-weight:600; font-size:0.9rem; display:block; } + @media (min-width: 768px) { /* Keep metadata stacked (one per row), but put label and value on same row */ - .case-metadata { text-align: right; } - .case-meta-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; } - .case-meta-value { display: flex; align-items: center; gap: .5rem; justify-content: flex-end; } - .case-meta-item .badge { display: inline-block; margin-left: .25rem; margin-right: 0; } - .case-meta-item > .case-meta-value > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - } + .case-metadata { text-align: right; } + .case-meta-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; } + .case-meta-value { display: flex; align-items: center; gap: .5rem; justify-content: flex-end; } + .case-meta-item .badge { display: inline-block; margin-left: .25rem; margin-right: 0; } + .case-meta-item > .case-meta-value > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + }
+ + Presentation: +
- - Presentation: -