@import '../scss/_variables';

table {
  width: 100%;
  border-collapse: collapse;
  line-height: 30px;
  background-color: $brand-white;
  margin-top: 10px;

  thead {
    background-color: $brand-color;
    color: $font-color-light;
    text-align: left;

    th {
      padding-left: 5px;
      min-height: 20px;
    }
  }

  tr {
    border-bottom: 1px solid $border-color;

    &.future {
      text-transform: uppercase;
      font-weight: bolder;
    }

    td {
      padding-left: 5px;
    }
  }
}

@import '../scss/_variables';

table {
  width: 100%;
  border-collapse: collapse;
  line-height: 30px;
  background-color: $brand-white;
  margin-top: 10px;

  thead {
    background-color: $brand-color;
    color: $font-color-light;
    text-align: left;

    th {
      padding-left: 5px;
      min-height: 20px;
    }
  }

  tr {
    border-bottom: 1px solid $border-color;

    &.future {
      text-transform: uppercase;
      font-weight: bolder;
    }

    td {
      padding-left: 5px;
    }
  }
}

@media (max-width: 601px) {
  table {
    font-size: 0.8em;
  }
}

Make table font size smaller on mobile
Make table font size smaller on mobile
