Overleaf/services/web/frontend/stylesheets/app/editor/share.less

.modal-body-share {
  h3 {
    border-bottom: 1px solid @gray-lighter;
    padding-bottom: @line-height-computed / 4;
    margin: 0;
    font-size: 1rem;
  }

  .project-member,
  .project-invite,
  .public-access-level {
    padding: (@line-height-computed / 2) 0;
    border-bottom: 1px solid @gray-lighter;
    font-size: 14px;
  }

  .public-access-level {
    padding-top: 0;
    font-size: 13px;
    padding-bottom: @modal-inner-padding;
    .access-token-display-area {
      margin-top: @line-height-computed / 4;
      .access-token-wrapper {
        padding-top: @line-height-computed / 4;
        .access-token {
          margin-top: @line-height-computed / 4;
          background-color: @gray-lightest;
          border: 1px solid @gray-lighter;
          padding: 6px 12px 6px 12px;
        }
      }
    }
  }

  .public-access-level.public-access-level--notice {
    background-color: @gray-lightest;
    border-bottom: none;
    margin-top: @margin-md;
    padding-top: @margin-md;
  }

  .project-member,
  .project-invite {
    &:hover {
      background-color: @gray-lightest;
    }
  }

  .invite-controls {
    .small {
      padding: 2px;
    }
    padding: @line-height-computed / 2;
    background-color: @gray-lightest;
    margin-top: @line-height-computed / 2;
    form {
      .form-group {
        margin-bottom: @line-height-computed / 2;
        &:last-child {
          margin-bottom: 0;
        }
      }
      .privileges {
        display: inline-block;
        width: auto;
        height: 30px;
        font-size: 14px;
      }
    }
  }
}
.modal-footer-share {
  .modal-footer-left {
    max-width: 70%;
    text-align: left;
  }
}