/* Keep the history filters in the original order: type, month, event. */
.roster-history {
  grid-template-columns: minmax(150px, 0.55fr) auto minmax(170px, 0.38fr) minmax(300px, 1fr) !important;
  align-items: center;
}

.roster-history .roster-month-picker {
  display: block !important;
  visibility: visible !important;
  min-width: 170px;
}

.roster-history select[aria-label="選擇歷史場次"] {
  display: block !important;
  visibility: visible !important;
  min-width: 300px;
}

@media (max-width: 700px) {
  .roster-history {
    grid-template-columns: 1fr !important;
  }

  .roster-history .roster-month-picker,
  .roster-history select[aria-label="選擇歷史場次"] {
    width: 100%;
    min-width: 0;
  }
}