FEATURE: multiple use invite links (#9813)

app/assets/stylesheets/common/base/login.scss

@@ -145,6 +145,9 @@
       font-weight: normal;
       line-height: $line-height-medium;
     }
+    .tip {
+      padding-left: 5px;
+    }
   }
 }
 

app/assets/stylesheets/common/components/share-and-invite-modal.scss

@@ -62,7 +62,8 @@
   }
 }
 
-.share-and-invite.modal .invite.modal-panel {
+.share-and-invite.modal .invite.modal-panel,
+.invite-link.modal-panel {
   .error-message,
   .success-message {
     margin-bottom: 8px;
@@ -83,12 +84,30 @@
       width: 100%;
     }
 
+    .max-redemptions-allowed {
+      margin-bottom: 8px;
+
+      .max-redemptions-allowed-input {
+        width: 20%;
+        min-width: 100px;
+      }
+    }
+
+    .invite-link-expires-at .date-picker,
+    .time-input {
+      width: 150px;
+    }
+
     .invite-user-input-wrapper {
       display: flex;
       div.ac-wrap {
         flex: 1;
       }
     }
+
+    .invite-link-input {
+      width: 100%;
+    }
   }
 
   .footer {

app/assets/stylesheets/desktop/user.scss

@@ -80,6 +80,10 @@
   margin-top: 10px;
 }
 
+.invite-controls .btn {
+  margin-right: 0px;
+}
+
 .user-invite-list {
   width: 100%;
   margin-top: 15px;