.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; } }