From 7ca48ece05d486d5fe5390cf2ff317ae30237322 Mon Sep 17 00:00:00 2001
From: Andreas Granig <agranig@sipwise.com>
Date: Tue, 26 Feb 2013 13:39:39 +0100
Subject: [PATCH] Provide proper form error fields.

---
 lib/NGCP/Panel/Form/Login.pm     | 8 ++++----
 share/static/css/application.css | 9 +++++----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/lib/NGCP/Panel/Form/Login.pm b/lib/NGCP/Panel/Form/Login.pm
index 8846598577..772bf29f90 100644
--- a/lib/NGCP/Panel/Form/Login.pm
+++ b/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' 
     },
diff --git a/share/static/css/application.css b/share/static/css/application.css
index 8a030ff252..f7268386aa 100644
--- a/share/static/css/application.css
+++ b/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 {