From e1e86e4df5c323113ee3562237916e2d5b7673fe Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Mon, 14 Mar 2016 09:13:28 +0000
Subject: [PATCH] Fix error message spacing on yes/no pattern

Error messages were added to the yes/no fields on the invite user page in:
https://github.com/alphagov/notifications-admin/commit/4c323a9a9918f6a6959a0153950b0bb5eec38cea

This commit fixes the margins and padding on these fields so they look
consistent with how we do validation errors elsewhere.
t
---
 app/assets/stylesheets/components/yes-no.scss | 6 ++++++
 app/templates/components/yes-no.html          | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/components/yes-no.scss b/app/assets/stylesheets/components/yes-no.scss
index 9a71113a5..9dd2101b7 100644
--- a/app/assets/stylesheets/components/yes-no.scss
+++ b/app/assets/stylesheets/components/yes-no.scss
@@ -9,8 +9,14 @@
   padding: 10px 0;
 
   &-label {
+
     padding-top: 19px;
     float: left;
+
+    &.error {
+      padding-top: 5px;
+    }
+
   }
 
   &-fields {
diff --git a/app/templates/components/yes-no.html b/app/templates/components/yes-no.html
index 0d58d14a0..71718aa95 100644
--- a/app/templates/components/yes-no.html
+++ b/app/templates/components/yes-no.html
@@ -1,6 +1,6 @@
 {% macro yes_no(field, current_value=None) %}
-  <fieldset class='yes-no {% if field.errors %} error{% endif %}'>
-    <legend class='yes-no-label'>
+  <fieldset class='yes-no'>
+    <legend class='yes-no-label{% if field.errors %} error{% endif %}'>
       {{ field.label }}
        {% if field.errors %}
         <span class="error-message">