Fixed the styles of the form fields when the form contains errors

Author: javiereguiluz

app/Resources/assets/scss/main.scss

@@ -29,7 +29,7 @@ code {
 // Text labels
 .text-danger,
 .text-danger:hover {
-    color: #E74C3C;
+    color: $brand-danger;
 }
 
 //
@@ -126,9 +126,19 @@ footer {
 // --------------------------------------------------
 
 // Form errors
-.form-error {
+.form-group.has-error .form-control {
+    border-color: $brand-danger;
+}
+.form-group.has-error .control-label {
+    color: $brand-danger;
+}
+.form-group.has-error .help-block {
+    background-color: $brand-danger;
+    color: #FFF;
+    font-size: $font-size-base;
+    padding: 1em;
+
     ul {
-        color: #FFF;
         margin-bottom: 0;
     }
 }

web/css/app.css

@@ -6990,7 +6990,7 @@ code {
 
 .text-danger,
 .text-danger:hover {
-  color: #E74C3C; }
+  color: #e74c3c; }
 
 i {
   margin-right: .25em; }
@@ -7039,9 +7039,19 @@ footer {
   margin-bottom: 2em;
   padding: 0; }
 
-.form-error ul {
+.form-group.has-error .form-control {
+  border-color: #e74c3c; }
+
+.form-group.has-error .control-label {
+  color: #e74c3c; }
+
+.form-group.has-error .help-block {
+  background-color: #e74c3c;
   color: #FFF;
-  margin-bottom: 0; }
+  font-size: 15px;
+  padding: 1em; }
+  .form-group.has-error .help-block ul {
+    margin-bottom: 0; }
 
 body#homepage {
   text-align: center; }