From 90317f16502211df6931722b7e9e398dc33eba76 Mon Sep 17 00:00:00 2001 From: overflowerror 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;