UX: Add mobile template for group members page.

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

@@ -0,0 +1,41 @@
+{{text-field value=filterInput
+    placeholderKey=filterPlaceholder
+    class="group-username-filter no-blur"}}
+
+{{#if hasMembers}}
+  {{#load-more selector=".group-members .user-info" action="loadMore"}}
+    <div class="group-members">
+      {{#each model.members as |user|}}
+        <div class="group-member">
+          {{#user-info user=user skipName=skipName}}
+            {{#if user.owner}}<strong class="group-owner-label">{{i18n "groups.owner"}}</strong>{{/if}}
+
+            <div class="group-member-info">
+              <label>{{i18n "last_post"}}</label>
+              <span class="text">{{bound-date user.last_posted_at}}</span>
+            </div>
+
+            <div class="group-member-info">
+              <label>{{i18n "last_seen"}}</label>
+              <span class="text">{{bound-date user.last_seen_at}}</span>
+            </div>
+
+            {{#if canManageGroup}}
+              {{group-member-dropdown
+                  removeMember="removeMember"
+                  makeOwner="makeOwner"
+                  removeOwner="removeOwner"
+                  member=user}}
+            {{/if}}
+          {{/user-info}}
+        </div>
+      {{/each}}
+    </div>
+  {{/load-more}}
+
+  {{conditional-loading-spinner condition=loading}}
+{{else}}
+  <br>
+
+  <div>{{i18n "groups.empty.members"}}</div>
+{{/if}}

app/assets/stylesheets/mobile/components/group-member-dropdown.scss

@@ -0,0 +1,9 @@
+.group-member-dropdown {
+  ul {
+    position: absolute;
+    top: 27px;
+    width: 250px;
+    bottom: auto;
+    text-align: left;
+  }
+}

app/assets/stylesheets/mobile/group.scss

@@ -55,18 +55,28 @@ table.group-logs {
   width: 130%;
 }
 
-table.group-members {
-  th {
-    text-align: center;
-  }
+.group-members {
+  .group-member {
+    border-top: 1px solid $primary-low;
 
-  tr {
     .user-info {
-      width: auto;
+      margin: 0;
+      padding: 0.5em;
+      width: 98%;
     }
 
-    td {
-      padding-left: 0.5em;
+    .btn-group {
+      margin-top: 0;
+    }
+
+    .group-member-info {
+      color: dark-light-choose($primary-medium, $secondary-medium);
+
+      label {
+        margin-bottom: 0;
+        font-weight: bold;
+        display: inline-block;
+      }
     }
   }
 }