Styling form errors

diff --git a/src/_includes/stripe-social.html b/src/_includes/stripe-social.html
index a708ebc8e82bf41b5082ed675145e0d495a868e8..9ec5cfa431018c9e63c4405ea7fa5b008c641ed5 100644 (file)
--- a/src/_includes/stripe-social.html
+++ b/src/_includes/stripe-social.html
@@ -3,8 +3,8 @@
     <form id="newsletter" method="post" action="https://formkeep.com/f/ba101f5b69f0">
       <div class="row">
         <div class="col-md-4 col-md-offset-2 col-sm-6">
-          <div class="form-group">
-            <input name="email" type="email" class="form-control margin-bottom" id="email" placeholder="Enter your email address&hellip;" required>
+          <div class="form-group margin-bottom">
+            <input name="email" type="email" class="form-control" id="email" placeholder="Enter your email address&hellip;" required>
           </div>
         </div>
         <div class="col-md-4 col-sm-6">

diff --git a/src/assets/less/site/social-buttons.less b/src/assets/less/site/social-buttons.less
index 26f2b61a88727f0de054e6d0fd2567d415bfcf59..5b84d60d042e8d59b3c388426f7ad204f52536a4 100644 (file)
--- a/src/assets/less/site/social-buttons.less
+++ b/src/assets/less/site/social-buttons.less
@@ -12,3 +12,8 @@
   padding: 22px 0 17px;
   text-align: center;
 }
+
+label.error {
+  color: @state-danger-text;
+  margin-top: 5px;
+}