Fix(UI): Contact form reCAPTCHA style correction for extreme zooming.

2025-01-25 16:55:19 +00:00
parent d84cc29edb
commit cc6c3699f6
4 changed files with 13 additions and 1 deletions
--- a/static/css/pages/core/contact.css
+++ b/static/css/pages/core/contact.css
@@ -41,6 +41,10 @@ textarea.form-input {
    padding-left: 200px;
 }

+.container.recaptcha {
+    margin-left: 15vw;
+}
+
 input[type="submit"] {
    margin-left: 40%;
    padding: 0.75rem 1.5rem;
@@ -87,4 +91,10 @@ input[type="submit"]:hover {
        margin-left: 0;
        width: 100%;
    }
+}
+
+@media (max-width: 400px) {
+    .container.recaptcha {
+        margin-left: -12vw;
+    }
 }