.tomahawk {
  .links {
    text-align: right;
    margin-inline-end: 1em;

    a, span {
      margin-left: 1em;
    }
  }

  .status-panel {
    max-width: 720px;
    margin: auto;
    padding: 1em;
    background: #24273e;
  }

  .status-table {
    width: 100%;

    td, th {
      padding: 0.25em;

      &.rank, &.flag {
        width: 28px;
        text-align: right;
      }
      &.updated {
        display: none;
        width: 130px;
        text-align: right;
        white-space: pre-wrap;
      }
      &.rtt, &.height {
        width: 92px;
        text-align: right;
      }
      &.only-small {
        display: table-cell;
        &.rtt {
          width: 60px;
        }
      }
      &.only-large {
        display: none;
      }
      &.height {
        padding-right: 0.5em;
      }
      &.host {
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      @media (min-width: 576px) {
        &.rank, &.flag {
          width: 32px;
        }
        &.updated {
          display: table-cell;
        }
        &.rtt, &.height {
          width: 96px;
        }
        &.only-small {
          display: none;
        }
        &.only-large {
          display: table-cell;
        }
      }
    }
  }
}