From eb8961848c34d56ab39b79c76a70d5496d19b0ea Mon Sep 17 00:00:00 2001
From: jab <jab@math.brown.edu>
Date: Tue, 6 Oct 2015 18:16:49 +0000
Subject: [PATCH] improve styling for invalid state

---
 demo/index.html       | 7 ++++---
 google-recaptcha.html | 3 ++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/demo/index.html b/demo/index.html
index 6c5efc5..7c5266e 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -57,10 +57,11 @@
 
   <hr>
 
-  <form is="iron-form" style="outline: thin solid #ccc; padding: .5rem 2rem;">
+  <form is="iron-form" style="border: 1px solid #ccc; padding: 0 25px 25px;">
     <h2>Demo within an iron-form</h2>
-    <google-recaptcha required sitekey="6LdRcP4SAAAAAJ4Dq1gXcD9AyhzuG77iz7E2Dmu4"></google-recaptcha>
-    <button type="submit" >Submit</button>
+    <google-recaptcha required sitekey="6LdRcP4SAAAAAJ4Dq1gXcD9AyhzuG77iz7E2Dmu4"
+      style="display: inline-block; padding-top: 2px; padding-left: 2px;"></google-recaptcha>
+    <div><button type="submit">Submit</button></div>
   </form>
 
 </body>
diff --git a/google-recaptcha.html b/google-recaptcha.html
index b5ff0a1..bc301d5 100644
--- a/google-recaptcha.html
+++ b/google-recaptcha.html
@@ -29,7 +29,8 @@
       display: block;
     }
     :host.invalid {
-      outline: 1px solid red;
+      border: 1px solid red;
+      border-radius: 3px;
     }
   </style>
   <template><content></content></template>