zitadel/console/src/app/pages/projects/project-role-create/project-role-create.component.scss

.container {
  padding: 4rem 4rem 2rem 4rem;

  @media only screen and (max-width: 450px) {
    padding: 4rem 1rem 2rem 1rem;
  }

  .abort-container {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;

    .abort {
      font-size: 1.2rem;
      margin-left: 2rem;
    }

    .abort-2 {
      font-size: 1.2rem;
      margin-left: 2rem;
      white-space: nowrap;
    }
  }

  .add-line-btn {
    margin-bottom: 1rem;
    border-radius: .5rem;
  }
}

.content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  margin: 0 -.5rem;
  flex-wrap: wrap;
  border-bottom: 1px solid #ffffff20;

  .formfield {
    margin: 0 .5rem;

    @media only screen and (max-width: 450px) {
      flex-basis: 100%;
    }
  }
}

.continue-button {
  margin-top: 3rem;
  display: block;
  padding: .5rem 4rem;

  @media only screen and (max-width: 450px) {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
}