.dialog-content {
  display: flex;
  flex-direction: column;
  padding: 40px;
}

.repository-form {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.form-field {
  width: 100%;
  margin-top: 16px;
}

.action-container {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  padding: 1.5em;
}

@media (max-width: 600px) {
  .form-field {
    width: 100%;
  }

  .dialog-actions {
    flex-direction: column;
    align-items: stretch;
  }

  button {
    width: 100%;
    margin-left: 0;
    margin-bottom: 8px;
  }
}
