Allow org. administrators to invite them onto all projects

app/assets/javascripts/projects/index.js

@@ -11,7 +11,7 @@
    I18n setupSidebarTree */
 
 //= require comments
-(function() {
+(function(global) {
   var newProjectModal = null;
   var newProjectModalForm = null;
   var newProjectModalBody = null;
@@ -203,7 +203,7 @@
   }
 
   // Initialize users editing modal remote loading.
-  function initUsersEditLink($el) {
+  global.initUsersEditLink = function($el) {
     $el.find('.manage-users-link')
       .on('ajax:before', function() {
         var projectId = $(this).closest('.panel-default').attr('id');
@@ -771,4 +771,4 @@
   initProjectsViewModeSwitch();
   initSorting();
   loadCardsView();
-}());
+}(window));

app/assets/stylesheets/themes/scinote.scss

@@ -783,7 +783,9 @@ ul.double-line > li {
     }
 
     .manage-users-link {
+      display: block;
       padding-left: 15px;
+      margin-bottom: 10px;
     }
   }
 

app/views/user_projects/_index.html.erb

@@ -1,6 +1,6 @@
 <h5 class="text-center"><%= t("projects.index.users_tab") %></h5>
 <hr>
-<ul class="no-style content-users">
+<ul class="no-style content-users" data-hook="project-users-tab-list">
   <% if @users.size == 0 then %>
     <li><em><%= t 'projects.index.no_users' %></em></li>
   <% else %>