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

.reset-form input {
  width: 210px;
  padding: 9px 11px;
}

.user-controls > form:last-child {
  display: flex;
}

@media (max-width: 800px) {
  .user-row {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .user-controls {
    width: 100%;
  }

  .reset-form {
    flex: 1;
  }

  .reset-form input {
    width: auto;
    flex: 1;
  }
}

@media (max-width: 520px) {
  .user-controls,
  .reset-form {
    align-items: stretch;
    flex-direction: column;
  }

  .user-controls form,
  .user-controls button {
    width: 100%;
  }
}