From 90317f16502211df6931722b7e9e398dc33eba76 Mon Sep 17 00:00:00 2001
From: overflowerror <mail@overflowerror.com>
Date: Sat, 17 Aug 2024 00:29:36 +0200
Subject: [PATCH] fix box sizing

---
 src/default-styles.css | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/default-styles.css b/src/default-styles.css
index ea7dd94..6c754e2 100644
--- a/src/default-styles.css
+++ b/src/default-styles.css
@@ -1,9 +1,12 @@
+.captcha, .captcha * {
+    box-sizing: border-box;
+}
+
 .captcha {
     width: 300px;
     height: 70px;
     padding: 19px;
     border: 1px solid #888;
-    box-sizing: border-box;
     font-size: 20px;
     font-family: sans-serif;
 }
@@ -37,14 +40,17 @@
     background-color: #29F;
 }
 
-.captcha .checkbox.checked::before {
-    position: absolute;
-    display: block;
+.captcha .checkbox::before {
     content: "";
+    display: block;
+    position: absolute;
+}
+
+.captcha .checkbox.checked::before {
     width: 7px;
     height: 15px;
     top: 2px;
-    left: 9px;
+    left: 8px;
     border: #fff solid;
     border-width: 0 5px 5px 0;
     transform: rotate(45deg);
@@ -54,13 +60,10 @@
 }
 
 .captcha .checkbox.loading::before {
-    content: "";
-    display: block;
-    position: absolute;
-    top: 3px;
-    left: 3px;
-    width: 17px;
-    height: 17px;
+    top: 2px;
+    left: 2px;
+    width: 16px;
+    height: 16px;
     border: 4px solid;
     border-radius: 50%;
     border-color: #000 transparent #000 transparent;