Provide proper form error fields.

lib/NGCP/Panel/Form/Login.pm

@@ -12,8 +12,8 @@ has_field 'username' => (
     required => 1,
     element_attr => { placeholder => 'Username' },
     element_class => [qw/login username-field/],
-    wrapper_class => [qw/field/],
-    error_class => [qw/foobar error/],
+    wrapper_class => [qw/field control-group/],
+    error_class => [qw/error/],
     messages => { 
         required => 'Please provide a username' 
     },
@@ -24,8 +24,8 @@ has_field 'password' => (
     required => 1,
     element_attr => { placeholder => 'Password' },
     element_class => [qw/login password-field/],
-    wrapper_class => [qw/field/],
-    error_class => [qw/foobar error/],
+    wrapper_class => [qw/field control-group/],
+    error_class => [qw/error/],
     messages => { 
         required => 'Please provide a password' 
     },

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, .control-group span.error_message {
   color: #B94A48;
   font-size: 11px;
   font-weight: 600;
@@ -1246,7 +1246,8 @@ Validation Styles
   border-radius: 3px;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
 }
-.control-group span.error::after {
+.control-group span.error::after,
+.control-group span.error_message::after {
   content: '';
   display: inline-block;
   border-left: 6px solid transparent;
@@ -1262,10 +1263,10 @@ Validation Styles
 .control-group.error div.clean {
   display: none;
 }
-.control-group.success span.error {
+.control-group.success span.error, .control-group.success span.error_message {
   display: none !important;
 }
-.control-group.success span.error::after {
+.control-group.success span.error::after, .control-group.success span.error_message::after {
   border: none;
 }
 .control-group.success div.clean {