prettier layout of accessibility members form

app/assets/stylesheets/default/application.css.erb

@@ -600,7 +600,9 @@ input#user_search {width: 100%}
 
 * html div#tab-content-members fieldset div { height: 450px; }
 
-div#tab-content-members fieldset div.select-boxes label {
+div#tab-content-members fieldset div.select-boxes label,
+div#tab-content-members fieldset div#principal_results div.roles,
+div#tab-content-members fieldset div#principal_results div.principals {
   display: inline-block;
   width: 350px; /* max-width of select2boxes */
 }

app/views/members/_autocomplete_for_member.html.erb

@@ -9,17 +9,22 @@ modify it under the terms of the GNU General Public License version 3.
 See doc/COPYRIGHT.rdoc for more details.
 
 ++#%>
-
-<div class="principals splitcontentleft">
-  <% if principals.size > 20 %>
-    <p><%= simple_format(l('notice_to_many_principals_to_display'))%></p>
-</div>
-  <% elsif principals.size == 0 %>
-    <p><%= l('notice_no_principals_found')%></p>
+<div style="display:inline-block;">
+  <div class="principals splitcontentleft">
+    <% if principals.size > 20 %>
+      <p><%= simple_format(l('notice_to_many_principals_to_display'))%></p>
+  </div>
 </div>
-  <% else %>
-    <%= principals_check_box_tags 'member[user_ids][]', principals %>
+    <% elsif principals.size == 0 %>
+      <p><%= l('notice_no_principals_found')%></p>
+  </div>
 </div>
+    <% else %>
+      <p>
+        <%= "#{l(:label_user_plural)}/#{l(:label_group_plural)}" %>:
+        <%= principals_check_box_tags 'member[user_ids][]', principals %>
+      </p>
+  </div>
 
   <div class="roles splitcontentright">
     <p><%= l(:label_role_plural) %>:
@@ -30,7 +35,7 @@ See doc/COPYRIGHT.rdoc for more details.
       <% end %>
     </p>
   </div>
-
+</div>
   <p><%= submit_tag l(:button_add), :id => 'member-add-submit' %></p>
 <% end %>