Display members roles in accordion table

styles/components/_accordion_table.scss

@@ -105,8 +105,15 @@
         }
 
         border-bottom: 1px dashed $color-white;
-        background-color: $color-gray-lightest;
       }
+
+      .accordion-table__item__expanded_first {
+        float: left;
+        font-weight: bold;
+      }
+
+      background-color: $color-gray-lightest;
+      padding: $gap $gap * 5 $gap * 4 $gap * 5;
     }
   }
 }

styles/core/_util.scss

@@ -18,6 +18,10 @@
   @include hide;
 }
 
+.right {
+  float: right;
+}
+
 @mixin unhide {
   clip: auto;
   clip-path: none;

templates/fragments/applications/environments.html

@@ -26,7 +26,8 @@
           <ul>
             {% for member in members_list %}
             <li class="accordion-table__item__expanded">
-              <div class="accordion-table__item-content">{{ member }}</div>
+              <div class="accordion-table__item__expanded_first">{{ member.name }}</div>
+              <div class="right">{{ member.role }}</div>
             </li>
             {% endfor %}
           </ul>