Display error and success text

When an error occurs changing the password, display the
appropriate error message. On a successful password change
also display text.

Resolves openbmc/openbmc#2741
Resolves openbmc/openbmc#2969

Tested: Made all these errors show and also changed the password
on a Witherspoon.
Change-Id: I9808df9888175de988ecb0781023424315a1ec53
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
diff --git a/app/users/styles/user-accounts.scss b/app/users/styles/user-accounts.scss
index 28af84a..914388a 100644
--- a/app/users/styles/user-accounts.scss
+++ b/app/users/styles/user-accounts.scss
@@ -37,4 +37,24 @@
     float: right;
     margin-left: .5em;
   }
-}
\ No newline at end of file
+  .change-password__error
+  {
+    background: lighten($error-color, 20%);
+    padding: 1em;
+    text-align: center;
+    font-size: 1em;
+    border: 1px solid $error-color;
+    color: $black;
+    font-family: "Courier New", Helvetica, Arial, sans-serif;
+    font-weight: 700;
+    width: 325px;
+  }
+  .change-password__success
+  {
+    color: $primebtn__bg;
+    padding: 1em;
+    font-size: 1em;
+    font-family: "Courier New", Helvetica, Arial, sans-serif;
+    font-weight: 500;
+  }
+}