Hack mobile CSS together

- Still requires patch on mCaptcha's side to provide good iframe
settings & good CSS on widget HTML.

Author: Gusted

templates/user/auth/signup_inner.tmpl

@@ -55,9 +55,9 @@
 					</div>
 				{{end}}
 				{{if and .EnableCaptcha (eq .CaptchaType "mcaptcha")}}
-					<div class="inline field required df ac">
-						<label></label>
-						<div class="border-secondary" id="mcaptcha__widget-container" style="width: 304px; height: 78px"></div>
+					<div class="inline field required df ac db-small">
+						<label>{{.locale.Tr "captcha"}}</label>
+						<div class="border-secondary w-100-small" id="mcaptcha__widget-container" style="width: 50%; height: 5em"></div>
 						<div class="m-captcha" data-sitekey="{{ .McaptchaSitekey }}" data-instance-url="{{ .McaptchaURL }}"></div>
 					</div>
 				{{end}}

web_src/less/helpers.less

@@ -167,3 +167,8 @@
 .py-3 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
 .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
 .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
+
+@media @mediaSm {
+  .db-small { display: block !important; }
+  .w-100-small { width: 100% !important; }
+}