From 17dd23cf35c1cafa6718bb82f729bbfa464b54a0 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 28 Aug 2018 17:27:32 +0200
Subject: [PATCH] fix form feedback messages

---
 _src/_assets/javascripts/bigchain/form-cla.js |  4 ++--
 .../javascripts/bigchain/form-contact.js      |  4 ++--
 .../javascripts/bigchain/form-services.js     |  4 ++--
 _src/_includes/form-cla.html                  | 22 ++++++++++---------
 4 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/_src/_assets/javascripts/bigchain/form-cla.js b/_src/_assets/javascripts/bigchain/form-cla.js
index 3c651ab..3b8c9be 100644
--- a/_src/_assets/javascripts/bigchain/form-cla.js
+++ b/_src/_assets/javascripts/bigchain/form-cla.js
@@ -49,7 +49,7 @@ var FormCla = (function(w, d, $) {
                         },
                         success: function(data) {
                             thisForm.find('.form-group').addClass('hide');
-                            thisForm.find('.alert-success').removeClass('hide');
+                            thisForm.find('.alert--success').removeClass('hide');
                             thisButton.removeClass('disabled');
 
                             // send GA event
@@ -58,7 +58,7 @@ var FormCla = (function(w, d, $) {
                             }
                         },
                         error: function(err) {
-                            thisForm.find('.alert-danger').removeClass('hide');
+                            thisForm.find('.alert--danger').removeClass('hide');
                             thisButton
                                 .removeClass('disabled')
                                 .attr('value', 'Send');
diff --git a/_src/_assets/javascripts/bigchain/form-contact.js b/_src/_assets/javascripts/bigchain/form-contact.js
index d369653..98e2a1f 100644
--- a/_src/_assets/javascripts/bigchain/form-contact.js
+++ b/_src/_assets/javascripts/bigchain/form-contact.js
@@ -30,7 +30,7 @@ var FormContact = (function(w, d, $) {
                         },
                         success: function(data) {
                             _config.form.find('.form-group').addClass('hide');
-                            _config.form.find('.alert-success').removeClass('hide');
+                            _config.form.find('.alert--success').removeClass('hide');
                             _config.formBtn.removeClass('disabled');
 
                             // send GA event
@@ -39,7 +39,7 @@ var FormContact = (function(w, d, $) {
                             }
                         },
                         error: function(err) {
-                            _config.form.find('.alert-danger').removeClass('hide');
+                            _config.form.find('.alert--danger').removeClass('hide');
                             _config.formBtn
                                 .removeClass('disabled')
                                 .attr('value', 'Send');
diff --git a/_src/_assets/javascripts/bigchain/form-services.js b/_src/_assets/javascripts/bigchain/form-services.js
index b190bf0..ff2961d 100644
--- a/_src/_assets/javascripts/bigchain/form-services.js
+++ b/_src/_assets/javascripts/bigchain/form-services.js
@@ -30,7 +30,7 @@ var FormServices = (function(w, d, $) {
                         },
                         success: function(data) {
                             _config.form.find('.form-group').addClass('hide');
-                            _config.form.find('.alert-success').removeClass('hide');
+                            _config.form.find('.alert--success').removeClass('hide');
                             _config.formBtn.removeClass('disabled');
 
                             // send GA event
@@ -39,7 +39,7 @@ var FormServices = (function(w, d, $) {
                             }
                         },
                         error: function(err) {
-                            _config.form.find('.alert-danger').removeClass('hide');
+                            _config.form.find('.alert--danger').removeClass('hide');
                             _config.formBtn
                                 .removeClass('disabled')
                                 .attr('value', 'Send');
diff --git a/_src/_includes/form-cla.html b/_src/_includes/form-cla.html
index a09f295..ffe3765 100644
--- a/_src/_includes/form-cla.html
+++ b/_src/_includes/form-cla.html
@@ -1,4 +1,3 @@
-
 <ul class="nav nav-tabs">
     <li class="nav-item">
         <a class="nav-link active" href="#individual" data-toggle="tab" role="tab">For Individuals</a>
@@ -36,19 +35,20 @@
                 Fields marked with an <span class="required">*</span> are required.
             </p>
             <p class="form-group text-dimmed">
-                Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
+                Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the
+                entity named above (if applicable) to the terms and conditions of this Agreement.
             </p>
             <div class="form-group checkbox">
                 <label>
-                    <input class="agree" type="checkbox" value="agreement" name="agreement" required>
-                    I have read and agree to the <a href="/cla/individual/">terms of this Agreement</a>
+                    <input class="agree" type="checkbox" value="agreement" name="agreement" required> I have read and agree
+                    to the <a href="/cla/individual/">terms of this Agreement</a>
                 </label>
             </div>
             <p class="form-group">
                 <input class="btn btn-primary" type="submit" value="Send">
             </p>
 
-            <div class="alert alert-success animation-slide-in-from-bottom hide">
+            <div class="alert alert--success animation-slide-in-from-bottom hide">
                 <svg class="alert__icon icon icon-success">
                     <use xlink:href="/assets/img/sprite.svg#icon-success"></use>
                 </svg>
@@ -57,7 +57,7 @@
                     Thanks for submitting the agreement.
                 </p>
             </div>
-            <div class="alert alert-danger hide">
+            <div class="alert alert--danger hide">
                 <svg class="alert__icon icon icon-fail">
                     <use xlink:href="/assets/img/sprite.svg#icon-fail"></use>
                 </svg>
@@ -83,7 +83,8 @@
     </div>
 
     <div class="tab-pane" id="entity" role="tabpanel">
-        <form id="form-cla-entities" class="form form--cla js-parsley" action="//formspree.io/{{ site.email.cla }}" method="POST" accept-charset="UTF-8">
+        <form id="form-cla-entities" class="form form--cla js-parsley" action="//formspree.io/{{ site.email.cla }}" method="POST"
+            accept-charset="UTF-8">
             <p class="form-group">
                 <input class="form-control" type="text" id="org-entity" name="org" required>
                 <label class="form-label" for="org-entity">Name of organization, foundation, company or other entity</label>
@@ -104,12 +105,13 @@
                 Fields marked with an <span class="required">*</span> are required.
             </p>
             <p class="form-group text-dimmed">
-                Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
+                Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the
+                entity named above (if applicable) to the terms and conditions of this Agreement.
             </p>
             <div class="form-group checkbox">
                 <label>
-                    <input class="agree" type="checkbox" value="agreement" name="agreement" required>
-                    I have read and agree to the <a href="/cla/entity/">terms of this Agreement</a>
+                    <input class="agree" type="checkbox" value="agreement" name="agreement" required> I have read and agree
+                    to the <a href="/cla/entity/">terms of this Agreement</a>
                 </label>
             </div>
             <p class="form-group">