From e3cb30d35f9e99639d8f007fb674a99b7888b52f Mon Sep 17 00:00:00 2001
From: George Drummond <george-ctr@friends.dds.mil>
Date: Wed, 17 Apr 2019 14:51:01 -0400
Subject: [PATCH] Make use of flexbox

---
 styles/components/_accordion_table.scss     | 10 ++++++----
 templates/components/toggle_list.html       |  4 +++-
 templates/portfolios/applications/team.html |  1 +
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/styles/components/_accordion_table.scss b/styles/components/_accordion_table.scss
index 110c3999..f11d767d 100644
--- a/styles/components/_accordion_table.scss
+++ b/styles/components/_accordion_table.scss
@@ -129,16 +129,18 @@
       display: flex;
 
       & > span {
-        width: 75%;
+        flex-grow: 3;
+        display: flex;
+        flex-basis: 0;
         &.icon-link {
-          width: 25%;
+          flex-grow: 1;
         }
       }
     }
 
     span {
-      display: flex;
-      width: 25%;
+      flex-grow: 1;
+      flex-basis: 0;
     }
   }
 }
diff --git a/templates/components/toggle_list.html b/templates/components/toggle_list.html
index 8bce7dc1..af5f5db2 100644
--- a/templates/components/toggle_list.html
+++ b/templates/components/toggle_list.html
@@ -12,7 +12,9 @@
   <li is="toggler" class="accordion-table__item">
     <template slot-scope="props">
       <div class="accordion-table__item-content">
-        <span v-on:click="props.toggle">{{ item_name }}</span>
+        <span v-on:click="props.toggle">
+          {{ item_name }}
+        </span>
 
         <template v-if="props.isVisible">
           {{
diff --git a/templates/portfolios/applications/team.html b/templates/portfolios/applications/team.html
index c12c5356..c0550f29 100644
--- a/templates/portfolios/applications/team.html
+++ b/templates/portfolios/applications/team.html
@@ -59,6 +59,7 @@
                   {{ "portfolios.applications.team_settings.section.table.team_management" | translate }}
                 </span>
               </span>
+              <span class="icon-link" />
             </div>
             <ul class="accordion-table__items">
               {% for member in application.members %}