From ee7afdd55f6482f059974242c262266fc2243ec7 Mon Sep 17 00:00:00 2001
From: Marco Segreto <marco.segreto@gsa.gov>
Date: Fri, 10 Feb 2017 13:54:31 -0800
Subject: [PATCH] Added error styles and fixed layout

For UI fixes on the app page.
---
 src/css/base/form.scss              | 15 +++++++++++++++
 src/css/components/page_header.scss |  1 +
 src/css/components/stat.scss        |  3 ++-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/css/base/form.scss b/src/css/base/form.scss
index 499e50c8..60edbf5d 100644
--- a/src/css/base/form.scss
+++ b/src/css/base/form.scss
@@ -79,6 +79,10 @@ fieldset div {
   padding-bottom: .25rem;
 }
 
+.error_input {
+  outline: 2px solid $color-error;
+}
+
 .error_message {
   @extend .usa-input-error-message;
   color: $color-error;
@@ -98,6 +102,17 @@ fieldset div {
   vertical-align: middle;
 }
 
+.error {
+  input {
+    @extend .error_input;
+
+    &:focus,
+    &:active {
+      @extend .error_input;
+    }
+  }
+}
+
 .button-cancel {
   background-color: transparent;
   box-shadow: inset 0 0 0 2px $color-base;
diff --git a/src/css/components/page_header.scss b/src/css/components/page_header.scss
index a74ed41b..98c54f24 100644
--- a/src/css/components/page_header.scss
+++ b/src/css/components/page_header.scss
@@ -24,6 +24,7 @@
 }
 
 .page-header-actions {
+  align-items: center;
   display: flex;
   flex-direction: row;
   margin-right: -$grid-1;
diff --git a/src/css/components/stat.scss b/src/css/components/stat.scss
index 020cdfc9..4c9be685 100644
--- a/src/css/components/stat.scss
+++ b/src/css/components/stat.scss
@@ -127,7 +127,8 @@ h5 + .stat {
   }
 
   &.stat-input-text-scale {
-    margin-top: $grid-1;
+    margin-bottom: $grid-1;
+    margin-top: -$grid-1;
   }
 
   &.stat-input-label {