/* S6 and S7: the two dialogs that change a booking. The month on the left and
   the times on the right, as drawn - stacked, the dialog is taller than the
   screen it opens on. */
.move-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  column-gap: 24px;
  align-items: start;
}

.move-times {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.move-times .slots {
  grid-template-columns: minmax(0, 1fr);
  row-gap: 8px;
}

/* Whatever explains the two buttons sits to their left, and they stay
   together on the right. */
.modal-actions .fine-print,
.modal-actions .checkbox {
  margin-right: auto;
  max-width: 260px;
}