Add distinct colour for error messages

1 files changed, 9 insertions, 2 deletions

diff --git a/app/assets/stylesheets/responsive/_global_style.scss b/app/assets/stylesheets/responsive/_global_style.scss
index 75d6b54e9..cc55f02fe 100644
--- a/app/assets/stylesheets/responsive/_global_style.scss
+++ b/app/assets/stylesheets/responsive/_global_style.scss
@@ -113,9 +113,8 @@ dt + dd {
 }
 
 /* Notices to the user (usually on action completion) */
-#notice {
+#notice, #error {
   font-size:1em;
-  background-color: lighten(#62b356, 23%);
   border-radius:3px;
   margin:1em 0;
   padding:1.5em;
@@ -130,6 +129,14 @@ dt + dd {
 
 }
 
+#notice {
+  background-color: lighten(#62b356, 23%);
+}
+
+#error {
+  background-color: lighten(#b05460, 23%);
+}
+
 .big {
   font-size: 1.2em;
 }