From 18fcfddad69b8cbc128fa9542af46fe583281ea2 Mon Sep 17 00:00:00 2001
From: Sachi King <nakato@nakato.io>
Date: Sun, 23 Apr 2017 17:21:19 +1000
Subject: [PATCH] Errors should be big red boxes

---
 pinaxcon/templates/forms/widget_basic.html            | 6 +++++-
 pinaxcon/templates/forms/widget_boolean_multiple.html | 7 ++++++-
 pinaxcon/templates/forms/widget_boolean_single.html   | 6 +++++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/pinaxcon/templates/forms/widget_basic.html b/pinaxcon/templates/forms/widget_basic.html
index d8ae1caa..295dc5f4 100644
--- a/pinaxcon/templates/forms/widget_basic.html
+++ b/pinaxcon/templates/forms/widget_basic.html
@@ -1,5 +1,9 @@
+{% if field.errors %}
+  <div class="alert alert-danger col-sm-offset-2 col-sm-10" role="alert">
+    {{ field.errors }}
+  </div>
+{% endif %}
 <label for="{{ field.id_for_label }}" class="col-sm-2 control-label">{{ field.label }}{% if field.field.required %} *{% endif %}</label>
-{{ field.errors }}
 <div class="col-sm-10">
   {{ field }}
   {% if field.help_text %}
diff --git a/pinaxcon/templates/forms/widget_boolean_multiple.html b/pinaxcon/templates/forms/widget_boolean_multiple.html
index d999891b..4208042f 100644
--- a/pinaxcon/templates/forms/widget_boolean_multiple.html
+++ b/pinaxcon/templates/forms/widget_boolean_multiple.html
@@ -1,11 +1,16 @@
 <h3>
   {{ field.label }}{% if field.field.required %} *{% endif %}
-  {{ field.errors }}
 </h3>
 {% if field.help_text %}
   <span class="help_text">{{ field.help_text|safe }}</span>
 {% endif %}
 
+{% if field.errors %}
+  <div class="alert alert-danger" role="alert">
+    {{ field.errors }}
+  </div>
+{% endif %}
+
 {% for item in field %}
   <div class="col-sm-offset-2 col-sm-10">
     {{ item }}
diff --git a/pinaxcon/templates/forms/widget_boolean_single.html b/pinaxcon/templates/forms/widget_boolean_single.html
index a9eb74ef..c00b4102 100644
--- a/pinaxcon/templates/forms/widget_boolean_single.html
+++ b/pinaxcon/templates/forms/widget_boolean_single.html
@@ -1,7 +1,11 @@
 <h3>
   {{ field.label }}{% if field.field.required %} *{% endif %}
-  {{ field.errors }}
 </h3>
+{% if field.errors %}
+  <div class="alert alert-danger col-sm-offset-2 col-sm-10" role="alert">
+    {{ field.errors }}
+  </div>
+{% endif %}
 <div class="col-sm-offset-2 col-sm-10">
   <label class="form-check-label" for="id_profile-past_lca_0">
     {{ field }}