From 9bba9c204caf111287db57b5e58fef40381c98a0 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@microserve.io>
Date: Wed, 12 Dec 2018 08:37:00 +0000
Subject: [PATCH] Update book page

---
 .../pages/book/signup-form.html.twig          | 31 +++++++++++++------
 source/test-driven-drupal.md                  |  3 +-
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/source/_partials/pages/book/signup-form.html.twig b/source/_partials/pages/book/signup-form.html.twig
index 6c759447..a6c08c2b 100644
--- a/source/_partials/pages/book/signup-form.html.twig
+++ b/source/_partials/pages/book/signup-form.html.twig
@@ -1,18 +1,29 @@
 <div id="mc_embed_signup">
-    <form action="{{ page.mailchimp_url }}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate p-0" target="_blank" novalidate>
-        <div id="mc_embed_signup_scroll">
-            <div class="mc-field-group w-full lg:w-1/2 pb-3 font-bold">
-                <label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
-                </label>
-                <input type="email" value="" name="EMAIL" class="required email block w-full border border-grey p-3" id="mce-EMAIL" style="text-indent: 0">
+    <form action="{{ page.mailchimp_url }}" method="POST" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate p-0" target="_blank" novalidate>
+        <div id="mc_embed_signup_scroll" class="flex">
+            <div class="mc-field-group w-full lg:w-1/2 pb-3_ font-bold">
+                <label for="mce-EMAIL" class="visuallyhidden">Email Address (required></label>
+                <input
+                    type="email"
+                    value=""
+                    name="EMAIL"
+                    class="required email block w-full border border-grey p-3 pl-5 rounded-l-full"
+                    id="mce-EMAIL"
+                    style="text-indent: 0"
+                    placeholder="me@example.com"
+                >
             </div>
+
             <div id="mce-responses" class="clear p-0 m-0">
-                <div class="response p-0" id="mce-error-response" style="display: none"></div>
-                <div class="response p-0" id="mce-success-response" style="display: none"></div>
+                <div class="response hidden p-0" id="mce-error-response"></div>
+                <div class="response hidden p-0" id="mce-success-response"></div>
             </div>
+
             <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_b4ac8dd177796d37b93f9c285_033c84e0d5" tabindex="-1" value=""></div>
-            <div class="clear"><button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="bg-blue text-white border-0 px-4 py-3 m-0">Subscribe</button>
-            </div>
+
+            <button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button is-blue border-0 pl-4 pr-5 py-3 m-0 rounded-r-full">
+                Subscribe
+            </button>
         </div>
     </form>
 </div>
diff --git a/source/test-driven-drupal.md b/source/test-driven-drupal.md
index b097e923..a0f089f2 100644
--- a/source/test-driven-drupal.md
+++ b/source/test-driven-drupal.md
@@ -38,9 +38,8 @@ I’m still thinking about what use-cases to cover and examples to include, but
 I’ll most likely be publishing it via Leanpub, and will be sending free chapters, early-bird discounts and links to screencasts and blog posts as I write the book to subscribers of the mailing list.
 
 If you have questions or would like to suggest something for me to include in the book, please <a href="mailto:{{ page.contact_email }}">contact me</a>.
-## Mailing List
 
-Enter your email address to subscribe to the Test Driven Drupal mailing list.
+**Enter your email address to subscribe to the Test Driven Drupal mailing list and be notified of any updates.**
 </div>
 
 {% include 'pages/book/signup-form' %}