Update member list table styles

templates/portfolios/applications/members.html

@@ -29,8 +29,9 @@
 <members-list
   inline-template
   id="search-template"
+  class='member-list'
   v-bind:members='{{ members | tojson}}'>
-  <div class='responsive-table-wrapper'>
+  <div class='responsive-table-wrapper panel'>
     <table v-cloak v-if='searchedList && searchedList.length'>
       <thead>
         <tr>
@@ -51,7 +52,7 @@
           <td>
             <a :href="member.edit_link" class="icon-link icon-link--large" v-html="member.name"></a>
           </td>
-          <td class="table-cell--align-right" v-if='member.num_env'>
+          <td class="table-cell--align-center" v-if='member.num_env'>
             <span v-html="member.num_env"></span>
           </td>
           <td class='table-cell--shrink' v-else>
@@ -60,6 +61,14 @@
           <td v-html="member.status"></td>
           <td v-html="member.role"></td>
         </tr>
+        <tr>
+          <td colspan=4>
+            <a class="icon-link" href="{{ url_for('portfolios.new_member', portfolio_id=portfolio.id) }}">
+              Add A New Member
+              {{ Icon('plus') }}
+            </a>
+          </td>
+        </tr>
       </tbody>
     </table>
     <div v-else>

templates/portfolios/members/index.html

@@ -25,6 +25,7 @@
 <members-list
   inline-template
   id="search-template"
+  class='member-list'
   v-bind:members='{{ members | tojson}}'
   v-bind:role_choices='{{ role_choices | tojson}}'
   v-bind:status_choices='{{ status_choices | tojson}}'>
@@ -61,7 +62,7 @@
     </div>
   </form>
 
-  <div class='responsive-table-wrapper'>
+  <div class='responsive-table-wrapper panel'>
     <table v-cloak v-if='searchedList && searchedList.length'>
       <thead>
         <tr>
@@ -91,6 +92,14 @@
           <td v-html="member.status"></td>
           <td v-html="member.role"></td>
         </tr>
+        <tr>
+          <td colspan=4>
+            <a class="icon-link" href="{{ url_for('portfolios.new_member', portfolio_id=portfolio.id) }}">
+              Add A New Member
+              {{ Icon('plus') }}
+            </a>
+          </td>
+        </tr>
       </tbody>
     </table>
     <div v-else>