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;