UX: 'Join Group' button position moved to group header

app/assets/javascripts/discourse/templates/group-index.hbs

@@ -1,7 +1,3 @@
-{{group-membership-button model=model
-    createNewMessageViaParams='createNewMessageViaParams'
-    showLogin='showLogin'}}
-
 {{#if hasMembers}}
   {{#load-more selector=".group-members tr" action="loadMore"}}
     <table class='group-members'>

app/assets/javascripts/discourse/templates/group.hbs

@@ -29,6 +29,8 @@
     {{/if}}
   </div>
 
+  <div class="list-controls">
+    <div class="container">
       {{#mobile-nav class='group-nav' desktopClass="nav nav-pills" currentPath=application.currentPath}}
         {{#each getTabs as |tab|}}
           <li>
@@ -41,6 +43,12 @@
         {{/each}}
       {{/mobile-nav}}
 
+      {{group-membership-button model=model
+        createNewMessageViaParams='createNewMessageViaParams'
+        showLogin='showLogin'}}
+    </div>
+  </div>
+
   <div class='group-outlet'>
     {{outlet}}
   </div>

app/assets/stylesheets/mobile/group.scss

@@ -20,6 +20,7 @@
 
 .group-nav.mobile-nav {
   margin-bottom: 15px;
+  float: left;
 }
 
 .group-activity {
@@ -29,7 +30,7 @@
 .group-activity-nav.mobile-nav {
   position: absolute;
   right: 0px;
-  top: -50px;
+  top: -55px;
 }
 
 .group-activity-outlet {