/* Main index match schedule: always keep full date/time visible on phones. */
@media (max-width: 700px) {
  #schedule .schedule-division,
  #sched-div1-table,
  #sched-div2-table,
  #sched-div3-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }

  #schedule .schedule-table {
    min-width: 900px !important;
    width: 900px !important;
    table-layout: auto !important;
  }

  #schedule .schedule-table th,
  #schedule .schedule-table td {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    padding: 11px 10px !important;
    max-width: none !important;
  }

  /* Datum: enough room for the complete YYYY-MM-DD value. */
  #schedule .schedule-table th:nth-child(2),
  #schedule .schedule-table td:nth-child(2) {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* Tid: enough room for complete HH:MM. */
  #schedule .schedule-table th:nth-child(3),
  #schedule .schedule-table td:nth-child(3) {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* Home and away names get extra room as well. */
  #schedule .schedule-table th:nth-child(4),
  #schedule .schedule-table td:nth-child(4),
  #schedule .schedule-table th:nth-child(7),
  #schedule .schedule-table td:nth-child(7) {
    min-width: 150px !important;
  }
}