From 260fd583d6ef6102e439b12a5b7dda4a026808b6 Mon Sep 17 00:00:00 2001
From: Eric Barbour <ebarbour@redhat.com>
Date: Jul 26 2016 15:13:59 +0000
Subject: Display memberships in modal as two columns


---

diff --git a/hubs/widgets/templates/memberships.html b/hubs/widgets/templates/memberships.html
index b489188..534aa95 100644
--- a/hubs/widgets/templates/memberships.html
+++ b/hubs/widgets/templates/memberships.html
@@ -35,24 +35,31 @@
         <h4 class="modal-title" id="myModalLabel">All Memberships</h4>
       </div>
       <div id="owners" class="modal-body">
-        {% for member in memberships %}
         <div class="card-block">
-          <img class="img-responsive membership-avatar col-md-3" src="{{ member.avatar }}" alt="Hub avatar for {{ member.name }}">
-          <a href="/{{member.name}}">{{ member.name }}</a>
-          {% if g.auth.username in member.owners %}
-          <p class="text-muted">Owner</p>
-          {% else %}
-          <p>Member</p>
-          {% endif %}
+          <div class="row">
+            {% for member in memberships %}
+            <div class="col-sm-6">
+              <img class="img-responsive membership-avatar col-sm-3"
+                src="{{ member.avatar }}" alt="Hub avatar for {{ member.name }}">
+              <a href="/{{member.name}}">{{ member.name }}</a>
+              {% if g.auth.username in member.owners %}
+              <p class="text-muted">Owner</p>
+              {% else %}
+              <p>Member</p>
+              {% endif %}
+            </div>
+            {% if (loop.index % 2) == 0 %}
+              </div>
+              <div class="row">
+            {% endif %}
+          {% endfor %}
+        </div>
+        <div class="modal-footer clearfix">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
-        {% endfor %}
-      </div>
-      <div class="modal-footer clearfix">
-        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
       </div>
     </div>
   </div>
-</div>
 
 <style>
  .membership-avatar {