Merge pull request #1060 from dod-ccpo/app-settings-redesign

App settings redesign

styles/components/_portfolio_layout.scss

@@ -139,6 +139,9 @@
     }
 
     table {
+      margin: 0;
+      width: 100%;
+
       thead {
         th:first-child {
           padding-left: 3 * $gap;
@@ -282,6 +285,13 @@
   .application-content {
     .subheading {
       @include subheading;
+      position: relative;
+
+      .icon-link__add {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
     }
 
     .panel {
@@ -312,6 +322,34 @@
     input#delete-application {
       margin-top: $gap * 3;
     }
+
+    .accordion-table__item-content.form-row {
+      margin-bottom: 0;
+      margin-top: 0;
+      padding-bottom: 0;
+    }
+
+    li.accordion-table__item__expanded {
+      height: auto;
+    }
+
+    .environment-list__item {
+      position: relative;
+      height: 7rem;
+    }
+
+    span.accordion-table__item__toggler.icon-link {
+      font-size: $small-font-size;
+      font-weight: $font-normal;
+      position: absolute;
+      left: -$gap * 1.25;
+      bottom: 0;
+    }
+
+    a.application-list-item__environment__csp_link.icon-link {
+      font-size: $small-font-size;
+      font-weight: $font-normal;
+    }
   }
 
   .activity-log {

styles/components/_sticky_cta.scss

@@ -4,7 +4,6 @@
   z-index: 10;
 
   @include media($medium-screen) {
-    margin-left: -$gap * 5;
     margin-right: -$gap * 5;
   }
 
@@ -53,4 +52,10 @@
       }
     }
   }
+
+  &-return-link {
+    padding-top: 1.6rem;
+    font-size: $small-font-size;
+    font-weight: $font-bold;
+  }
 }

styles/elements/_inputs.scss

@@ -58,6 +58,7 @@
 
 .usa-input {
   margin: ($gap * 4) ($gap * 2) ($gap * 4) 0;
+  max-width: 75rem;
 
   @include media($medium-screen) {
     margin: ($gap * 4) 0;

styles/sections/_application_edit.scss

@@ -60,11 +60,6 @@
   }
 }
 
-.app-team-settings-link {
-  font-size: $small-font-size;
-  font-weight: $font-normal;
-}
-
 .environment-roles {
   padding: 0 ($gap * 3) ($gap * 3);