Styling fixes for form error fields

2 files changed, 13 insertions, 11 deletions

diff --git a/templates/website/report-form b/templates/website/report-form
index 66cebd3be..beb512f19 100644
--- a/templates/website/report-form
+++ b/templates/website/report-form
@@ -12,22 +12,22 @@
 <div id="fieldset">
 
 
-<div>
 {{ if ( $field_errors{category}) {
     "<div class='form-error'>$field_errors{category}</div>";
 } }}
-{{ $category }}</div>
 
-<div>
+<div class="form-field">{{ $category }}</div>
+
 {{ if ( $field_errors{title}) {
     "<div class='form-error'>$field_errors{title}</div>";
 } }}
+<div class="form-field">
 <label for="form_title">{{ $subject_label }}</label>
 <input type="text" value="{{ $input_h{title} }}" name="title" id="form_title" size="25"></div>
-<div>
 {{ if ( $field_errors{detail}) {
     "<div class='form-error'>$field_errors{detail}</div>";
 } }}
+<div class="form-field">
 <label for="form_detail">{{ $detail_label }}</label>
 
 <textarea name="detail" id="form_detail" rows="7" cols="26">{{ $input_h{detail} }}</textarea></div>
@@ -36,19 +36,19 @@
 
 {{ $photo_field }}
 
-<div>
 {{ if ( $field_errors{name}) {
     "<div class='form-error'>$field_errors{name}</div>";
 } }}
+<div class='form-field'>
 <label for="form_name">{{ $name_label }}</label>
 <input type="text" value="{{ $input_h{name} }}" name="name" id="form_name" size="25"></div>
 <div class="checkbox"><input type="checkbox" name="anonymous" id="form_anonymous" value="1"{{ $anon }}>
 <label for="form_anonymous">{{ $anonymous }}</label>
 <small>{{ $anonymous2 }}</small></div>
-<div>
 {{ if ( $field_errors{email}) {
     "<div class='form-error'>$field_errors{email}</div>";
 } }}
+<div class="form-field">
 <label for="form_email">{{ $email_label }}</label>
 <input type="text" value="{{ $input_h{email} }}" name="email" id="form_email" size="25"></div>
 <div><label for="form_phone">{{ $phone_label }}</label>
diff --git a/web/css/core.css b/web/css/core.css
index 494f9ae55..d10494619 100644
--- a/web/css/core.css
+++ b/web/css/core.css
@@ -55,21 +55,23 @@ ul.error {
     color: #cc0000;
     background-color: #ffeeee;
     padding-right: 4px;
-    border: solid 1px #cc0000;
     text-align: left;
     font-size: larger;
 }
 
 div.form-error {
     color: #cc0000;
-    margin: 5px 5px 5px 20px;
-    padding: 0 5px 0 5px;
-    width: 390px;
+    margin: 5px 1em 5px 1em;
+    padding: 2px 5px 2px 5px;
+    float: left;
     background-color: #ffeeee;
-    border: solid 1px #cc0000;
     text-align: left;
 }
 
+div.form-field {
+    clear: both;
+}
+
 /* Site-wide layout */
 
 #advert_thin {