Merge pull request creativecommons#381 from creativecommons/update_community_team

Update community team page.

Author: Dhruvi16

themes/vocabulary_theme/templates/community_team_list.html

@@ -8,11 +8,30 @@ <h1>{{ this.title }}</h1>
         <p class="description column is-9 is-paddingless">This is a list of all CC Community Team members, and their roles and privileges. For more information about CC Community Team, please see <a href="/community/community-team/">the Community Team Page</a>.</p>
       </div>
     </div>
-    <div class="container padding-horizontal-big padding-bottom-xl">
-      <h2 class="padding-top-bigger">Project Teams</h2>
-      {% for project in bag('community_team_members.projects') %}
-        <h3 class="b-header padding-vertical-normal">{{ project.name }}</h3>
-        <p class="padding-bottom-normal">These team members have permissions in the <code>{{ project.repos }}</code> repo(s).</p>
+    <div class="container padding-horizontal-big padding-vertical-xl">
+      <div class="content">
+        <h2>Project Teams</h2>
+        {% for project in bag('community_team_members.projects') %}
+          <h3 class="b-header">{{ project.name }}</h3>
+          <p>These team members have permissions in the <code>{{ project.repos }}</code> repo(s).</p>
+          <div class="table-container">
+            <table class="table is-bordered is-striped">
+              <thead>
+                <tr>
+                  <th>Role</th>
+                  <th>Member Name</th>
+                </tr>
+              </thead>
+              {% for member in project.members %}
+                <tr>
+                  <td>{{ member.role }}</td>
+                  <td id="{{project.name|lower|replace(' ','-')}}--{{member.name|lower|replace(' ','-')}}">{{ member.name }}</td>
+                </tr>
+              {% endfor %}
+            </table>
+          </div>
+        {% endfor %}
+        <h2>Community Building Teams</h2>
         <div class="table-container">
           <table class="table is-bordered is-striped">
             <thead>
@@ -21,31 +40,14 @@ <h3 class="b-header padding-vertical-normal">{{ project.name }}</h3>
                 <th>Member Name</th>
               </tr>
             </thead>
-            {% for member in project.members %}
+            {% for member in bag('community_team_members.community_builders') %}
               <tr>
                 <td>{{ member.role }}</td>
-                <td id="{{project.name|lower|replace(' ','-')}}--{{member.name|lower|replace(' ','-')}}">{{ member.name }}</td>
+                <td id="community-builder--{{member.name|replace(' ','-')}}">{{ member.name }}</td>
               </tr>
             {% endfor %}
           </table>
         </div>
-      {% endfor %}
-      <h2 class="padding-vertical-bigger">Community Building Teams</h2>
-      <div class="table-container">
-        <table class="table is-bordered is-striped">
-          <thead>
-            <tr>
-              <th>Role</th>
-              <th>Member Name</th>
-            </tr>
-          </thead>
-          {% for member in bag('community_team_members.community_builders') %}
-            <tr>
-              <td>{{ member.role }}</td>
-              <td id="community-builder--{{member.name|replace(' ','-')}}">{{ member.name }}</td>
-            </tr>
-          {% endfor %}
-        </table>
       </div>
     </div>
   </div>