#problems-list, #acknowledged-list { display: grid; grid-template-columns: repeat(6, min-content); grid-gap: 4px 16px; margin-top: 32px; margin-bottom: 32px; background-color: #2979b8; padding: 16px; width: min-content; border-top-left-radius: 8px; border-top-right-radius: 8px; } #problems-list div, #acknowledged-list div { white-space: nowrap; line-height: 24px; } #problems-list .header, #acknowledged-list .header { font-weight: 800; } #problems-list .trigger, #acknowledged-list .trigger { color: #1b4e78; font-weight: 800; } #problems-list .acknowledge img, #acknowledged-list .acknowledge img { height: 16px; } #acknowledged-list.hidden { display: none; } #areas { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 16px; } #areas .area .section { display: grid; grid-template-columns: repeat(2, min-content); grid-gap: 8px 12px; } #areas .area .section .name { color: #000; grid-column: 1 / -1; font-weight: bold !important; line-height: 24px; } #areas .area .section div { white-space: nowrap; } .hidden { display: none; }