.record-side {
  display: grid;
  justify-items: end;
  gap: 7px;
}

.record-actions,
.user-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.record-actions button {
  padding: 6px 9px;
  font-size: .75rem;
}

.user-controls select {
  min-width: 145px;
}

.active-check {
  display: flex;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 6px;
  margin: 0;
  white-space: nowrap;
}

.active-check input {
  width: auto;
}

.user-controls button {
  white-space: nowrap;
}

@media (max-width: 680px) {
  .record,
  .user-row {
    align-items: stretch;
    flex-direction: column;
  }

  .record-side {
    justify-items: start;
  }

  .user-controls {
    align-items: stretch;
    flex-direction: column;
  }

  .user-controls select {
    min-width: 0;
  }
}