Group Administration UX Improvements

[johnjamesjacoby]

Using the Groups Administration area, I see opportunity for a few small UX improvements:

When editing a single Group:

• Use optgroup tags for separating group roles and remove/ban actions
• Use core classes on metabox labels and checkbox/radio span/labels to improve padding/margins
• Fix line-height issue on "Save Changes" button

When viewing Groups list:

• Make Group name clickable (similar to posts/pages/etc...)
• Move post-row positions to avoid superfluous whitespace on each row

[johnjamesjacoby]

In 8421:

Group Admin: Updates to bp_groups_admin_edit_metabox_members():

• Separate member roles and actions into option groups.
• Add a bit more intelligence to Ban action VS Banned role.
• Escape for JS and Gettext output where appropriate.
• General whitespace clean-up.

See #5645.

[johnjamesjacoby]

In 8422:

Group Admin Styling:

• Move some styling out of core's common.css and into group's admin.css.
• Square off padding & margin on settings fieldset contents.
• Remove extra input styling causing "Save Changes" button text to be misaligned.
• Includes matching RTL fixes.

See #5645.

[johnjamesjacoby]

In 8424:

Groups Admin: Float group avatar (similar to user list.) Fixes incorrectly positioned Group Name and whitespace from hidden post-row. See #5645.

[johnjamesjacoby]

In 8425:

Groups Admin: Breathing room for multiple Group modification messages; switch from line breaks to separate paragraphs. See #5645.

[johnjamesjacoby]

In 8426:

Groups Admin:

• Update post-row verbiage from "Visit" to "View".
• Move "View" link to end.
• Wrap Group name in strong tag.
• Link Group name to the Group edit screen.

See #5645.

[johnjamesjacoby]

In 8427:

Groups Admin:

• Mark methods of BP_Groups_List_Table class as public.
• Properly filter Group name and use it across list table for link, avatar, etc...

See #5645.