More styling updates

styles/components/_accordion_table.scss

@@ -10,6 +10,11 @@
 
   ul {
     padding-left: 0;
+
+    li {
+      list-style-type: none;
+      margin: 0;
+    }
   }
 
   &__head {
@@ -45,11 +50,14 @@
   &__items {
     margin: 0;
 
-    li {
+    .accordion-table__item {
       font-weight: $font-bold;
       border-bottom: 1px solid $color-gray-lightest;
-      margin: 0;
-      list-style-type: none;
+      padding: $gap 0;
+
+      &:first-child {
+        padding-top: 0;
+      }
 
       .icon-link--large {
         padding-top: $gap * 0.5;
@@ -151,37 +159,45 @@
       }
     }
 
-    &__expanded {
-      font-size: $small-font-size;
-      font-weight: $font-normal;
-      background-color: $color-gray-lightest;
-      padding: ($gap * 2) ($gap * 4);
+    &-toggle-content {
+      margin-top: $gap;
 
-      .col--grow {
+      &__expanded {
+        font-size: $small-font-size;
         font-weight: $font-normal;
-      }
+        background-color: $color-gray-lightest;
+        padding: $gap;
 
-      th,
-      td {
-        .icon-link {
-          font-weight: $font-normal;
-          font-size: $base-font-size;
+        &:last-child {
+          border-bottom: none;
         }
 
-        border-bottom: 1px dashed $color-white;
-      }
+        .col--grow {
+          font-weight: $font-normal;
+        }
 
-      &_first {
-        float: left;
-      }
+        th,
+        td {
+          .icon-link {
+            font-weight: $font-normal;
+            font-size: $base-font-size;
+          }
 
-      &-role {
-        .icon-link {
-          padding: 0;
-          vertical-align: text-top;
+          border-bottom: 1px dashed $color-white;
+        }
 
-          .icon {
-            margin: 0 0 0 0.25rem;
+        &_first {
+          float: left;
+        }
+
+        &-role {
+          .icon-link {
+            padding: 0;
+            vertical-align: text-top;
+
+            .icon {
+              margin: 0 0 0 0.25rem;
+            }
           }
         }
       }
@@ -210,11 +226,3 @@
     }
   }
 }
-
-#application-environments {
-  .row {
-    & > .col:first-child {
-      flex-grow: 5;
-    }
-  }
-}

styles/components/_portfolio_layout.scss

@@ -270,25 +270,26 @@
       margin-top: $gap * 3;
     }
 
-    .accordion-table__item-content.form-row {
-      margin-bottom: 0;
-      margin-top: 0;
-      padding: 0;
-    }
-
     li.accordion-table__item__expanded {
       height: auto;
     }
 
-    span.accordion-table__item__toggler.icon-link {
+    a.application-list-item__environment__csp_link {
       font-size: $small-font-size;
       font-weight: $font-normal;
-      float: unset;
+
+      .icon {
+        @include icon-color($color-blue);
+      }
     }
 
-    a.application-list-item__environment__csp_link.icon-link {
-      font-size: $small-font-size;
+    span.accordion-table__item__toggler {
       font-weight: $font-normal;
+
+      &.environment-list__item__members {
+        float: unset;
+        font-size: $small-font-size;
+      }
     }
   }