Merge pull request #619 from dod-ccpo/reskin-app-settings-page

Reskin application settings page

styles/components/_portfolio_layout.scss

@@ -91,10 +91,6 @@
   }
 }
 
-.portfolio-content {
-  margin: 6 * $gap $gap 0 $gap;
-}
-
 @mixin subheading {
   color: $color-gray-dark;
   padding: $gap 0;
@@ -104,6 +100,37 @@
   font-weight: bold;
 }
 
+.portfolio-content {
+  margin: 6 * $gap $gap 0 $gap;
+
+  .application-content {
+    .subheading {
+      @include subheading;
+    }
+
+    .panel {
+      padding: $gap / 2 0;
+      box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3);
+      border-top: none;
+      border-bottom: none;
+    }
+
+    .application-list-item {
+      ul {
+        padding-left: 0;
+      }
+      .block-list__footer {
+        border-bottom: none;
+      }
+      .application-edit__env-list-item {
+        label {
+          color: $color-black;
+        }
+      }
+    }
+  }
+}
+
 .portfolio-applications {
   .portfolio-applications__header {
     margin-bottom: 4 * $gap;

styles/elements/_inputs.scss

@@ -12,7 +12,7 @@
 
 @mixin input-state($state) {
   $border-width: 1px;
-  $state-color: $color-gray;
+  $state-color: $color-blue;
 
   @if $state == 'error' {
     $border-width: 2px;
@@ -283,6 +283,8 @@
     }
   }
 
+  @include input-state('default');
+
   &.usa-input--error {
     @include input-state('error');
   }