Make use of flexbox

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;
     }
   }
 }

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">
           {{

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 %}