Fix styling of error messages in forms.

share/static/css/application.css

@@ -1231,7 +1231,7 @@ span.login-checkbox  > input[type='checkbox']:checked + label {
 Validation Styles
 
 ------------------------------------------------------------------- */
-.control-group span.error, .control-group span.error_message {
+.control-group span.error, .control-group span.help-inline {
   color: #B94A48;
   font-size: 11px;
   font-weight: 600;
@@ -1247,7 +1247,7 @@ Validation Styles
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
 }
 .control-group span.error::after,
-.control-group span.error_message::after {
+.control-group span.help-inline::after {
   content: '';
   display: inline-block;
   border-left: 6px solid transparent;
@@ -1257,16 +1257,16 @@ Validation Styles
   top: -6px;
   left: 7px;
 }
-.control-group.error {
+.control-group.error .help-inline {
-  padding-bottom: .5em;
+  color: #FFF;
 }
 .control-group.error div.clean {
   display: none;
 }
-.control-group.success span.error, .control-group.success span.error_message {
+.control-group.success span.error, .control-group.success span.help-inline {
   display: none !important;
 }
-.control-group.success span.error::after, .control-group.success span.error_message::after {
+.control-group.success span.error::after, .control-group.success span.help-inline::after {
   border: none;
 }
 .control-group.success div.clean {