Fix register captcha

dribdat/static/css/style.css

@@ -1864,10 +1864,16 @@ main .form-actions input.btn {
     color: #ff0000;
     content: " *";
 }
+
 .form-group .g-recaptcha > div {
     display: inline-block;
 }
 
+.form-control#recaptcha {
+    box-shadow: none;
+    border: none;
+}
+
 /* Inline "README" */
 #team-md::before {
     content: "Team";

dribdat/templates/macros/_form.html

@@ -155,6 +155,10 @@
                     {% else %}
                         {{ render_input(field) }}
                     {% endif %}
+                {% elif field.type == "RecaptchaField" %}
+                    <div class="form-group">
+                        {{ field }}
+                    </div>
                 {% else %}
                     {{ render_input(field) }}
                 {% endif %}

dribdat/user/forms.py

@@ -74,6 +74,8 @@ class RegisterForm(FlaskForm):
     username = StringField(
         "Username", validators=[DataRequired(), Length(min=3, max=40)]
     )
+    webpage_url = URLField("Online profile", 
+                           description="GitHub, GitLab, StackOverflow, LinkedIn, ...")
     email = EmailField(
         "Email", validators=[DataRequired(), Email(), Length(min=6, max=80)]
     )
@@ -84,7 +86,6 @@ class RegisterForm(FlaskForm):
         "Verify password",
         [DataRequired(), EqualTo("password", message="Passwords must match")],
     )
-    webpage_url = URLField("Online profile")
     recaptcha = RecaptchaField()
     submit = SubmitField("Continue")