Fix group profile page

[smithellis]

The Group Profile page was severely ugly/broken. I have triaged it to a usable state.

[kelimuttu]

Ooh, this is amazing. Thanks for working on this, Smith!

[escattone]

When I tested this locally, the following buttons didn't work:

• Edit group in admin
• Edit group profile
• Edit group leaders

When clicked, nothing happened other than the button text changed to Cancel. It appears to have something to do with the editable class, which activates editable.js, which in turn, deactivates the click event's default behavior?

[escattone]

Thanks for updates @smithellis. Several new observations:

• It appears that we've lost the functionality to add new members?
• I'm not sure we need the Edit group in admin button, since I think we can do everything on the page that we could do in the group profile admin? However, if we'd prefer to keep it, since it's currently available, it seems like it should be moved out of the group profile description section, and up into the top area? I also prefer the text Edit in admin instead ofEdit group in admin, just because it shorter.
• Some of the buttons seem too big to me, because of the text. What do you think of shortening Change Group Avatar and Delete Group Avatar to just Change Avatar and Delete Avatar?
• The change and delete avatar buttons, since they're stacked on each other instead of side-by-side, take too much space. Could we make these side-by-side instead?
• When removing members/leaders, the text on the confirmation page is within an h1 tag, which looks really over-sized to me.

[akatsoulas]

@smithellis is this PR still active and relevant?

[akatsoulas]

bumping this