smon/static/css/gruvbox/problems.css

#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: #333;
  padding: 16px 24px;
  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;
  color: #777;
}
#problems-list .trigger,
#acknowledged-list .trigger {
  color: #fb4934;
  font-weight: 800;
}
#problems-list .acknowledge img,
#acknowledged-list .acknowledge img {
  height: 16px;
}
#problems-list .info,
#acknowledged-list .info {
  margin-right: 8px;
}
#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(3, min-content);
  grid-gap: 8px 12px;
}
#areas .area .section .name {
  color: #f7edd7;
  grid-column: 1 / -1;
  font-weight: bold !important;
  line-height: 24px;
}
#areas .area .section div {
  white-space: nowrap;
}
.hidden {
  display: none;
}