/* ==========================================================================
   Styles for the Anomaly Notification page. One file per page, mirroring the page's path,
   so these tables can be adjusted without touching any other page's styles.
   ========================================================================== */


/* At-a-glance table - the property column holds to one line, the value
   absorbs the rest. */
.at-a-glance-table table {
  table-layout: fixed;
  width: 100%;
}

.at-a-glance-table table th {
  min-width: 0;
}

.at-a-glance-table table th:nth-child(1),
.at-a-glance-table table td:nth-child(1) {
  width: 10rem;
  white-space: nowrap;
}

.at-a-glance-table table td {
  vertical-align: middle;
}

/* Actions table - the icon stacked above its label, narrow first column,
   description absorbs the rest. */
.actions-table table {
  table-layout: fixed;
  width: 100%;
}

.actions-table table th {
  min-width: 0;
}

.actions-table table th:nth-child(1),
.actions-table table td:nth-child(1) {
  width: 8rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: center;
}

/* Stack the icon on its own line, centred above the label. */
.actions-table table td:nth-child(1) .twemoji {
  display: block;
  margin: 0 auto 0.15rem;
}

.actions-table table td {
  vertical-align: middle;
}