0
@@ -44,8 +44,8 @@ error handling to forms. +LinedBuilder+ wraps each input element created by a
0
 call to a field helper in a div of CSS class +form_line+. It also gives it a
0
 label (by default, this contains the humanized name of the field) and, if an
0
 error exists, it provides a nested div within the +form_line+ of CSS class
0
-+field_error+ and the div's class is changed to +form_line_with_errors+. More
0
-details are below.
0
++field_error+ and the div's class is changed to
0
+<tt>form_line with_errors</tt>. More details are below.
0
 
0
 A short example now. Assume there are three fields for a model -- `number',
0
 `date', and `name'. `name' is blank but should not be, and so has an error on
0
@@ -60,7 +60,7 @@ it. The ERB code:
0
 Will yield the HTML output:
0
 
0
  <form ...>
0
-    <div class="form_line_with_errors">
0
+    <div class="form_line with_errors">
0
         <div class="field_error">Name should not be blank.</div>
0
         <label for="model_name">Name:</label>
0
         <input type="text" name="model[name]" id="model_name" value="" />

0
@@ -18,13 +18,23 @@ module AwesomeFields
0
   #
0
   # When producing a field, the field is wrapped with a div whose CSS class is
0
   # +form_line+. If the field has errors, that class is instead
0
-  # +form_line_with_errors+. This div is, obviously, a block-level element by
0
+  # <tt>form_line with_errors</tt>. This div is, obviously, a block-level element by
0
   # default, but can be floated or what have you if needed.
0
   #
0
   # == Errors
0
   #
0
   # As mentioned above, if the field has an error, the wrapping div is given the
0
-  # +form_line_with_errors+ CSS class instead of the regular +form_line+ class.
0
+  # <tt>form_line with_errors</tt> CSS class instead of the regular +form_line+ class.
0
+  # Recommended CSS looks something like:
0
+  #
0
+  #   form div.form_line {
0
+  #     ... font, padding, margin, etc.
0
+  #   }
0
+  #
0
+  #   form div.form_line.with_errors {
0
+  #     color: red;   <!-- additional formatting for error fields -->
0
+  #   }
0
+  #
0
   # Additionally, the error text is placed within the containing +form_line+ div
0
   # within its own div, whose class is +field_error+.
0
   #
0
@@ -39,7 +49,7 @@ module AwesomeFields
0
   #
0
   # The resulting structure of a field with errors is:
0
   #
0
-  #  <div class="form_line_with_errors">
0
+  #  <div class="form_line with_errors">
0
   #    <div class="field_error">Field should not be blank.</div>
0
   #
0
   #    <label for="model_field">Field:</label>
0
@@ -127,7 +137,7 @@ module AwesomeFields
0
       @template.content_tag( 'div',
0
         (err ? err : '') + label_tag( label, options ) +
0
           super,
0
-        :class => err ? 'form_line_with_errors' : 'form_line' )
0
+        :class => err ? 'form_line with_errors' : 'form_line' )
0
     end
0
 
0
     # Produces a submit button wrapped in a div of class +form_buttons+. The
0
@@ -151,7 +161,7 @@ module AwesomeFields
0
 
0
       @template.content_tag 'div',
0
         (err ? err : '') + label_tag(attr, options) + content_gen.call + after,
0
-        :class => (err ? 'form_line_with_errors' : 'form_line')
0
+        :class => (err ? 'form_line with_errors' : 'form_line')
0
     end
0
 
0
     # Produces the appropriate label tag for the given attribute, including