From 66ecbd8545ace2f402eeed9c2c10405635efa8b3 Mon Sep 17 00:00:00 2001
From: PayBas <contact@paybas.com>
Date: Tue, 9 Sep 2014 22:30:37 +0200
Subject: [PATCH] [ticket/12530] Fix captcha challange image breaking
 responsive layout

PHPBB3-12530
---
 .../prosilver/template/captcha_default.html   |  2 +-
 .../styles/prosilver/template/captcha_qa.html |  2 +-
 .../prosilver/template/captcha_recaptcha.html |  2 +-
 phpBB/styles/prosilver/theme/responsive.css   | 19 +++++++++++++++++++
 4 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/phpBB/styles/prosilver/template/captcha_default.html b/phpBB/styles/prosilver/template/captcha_default.html
index 550962db67..9feb87a391 100644
--- a/phpBB/styles/prosilver/template/captcha_default.html
+++ b/phpBB/styles/prosilver/template/captcha_default.html
@@ -10,7 +10,7 @@
 
 	<dl>
 		<dt><label for="confirm_code">{L_CONFIRM_CODE}{L_COLON}</label></dt>
-		<dd><img src="{CONFIRM_IMAGE_LINK}" alt="{L_CONFIRM_CODE}" /></dd>
+		<dd class="captcha captcha-image"><img src="{CONFIRM_IMAGE_LINK}" alt="{L_CONFIRM_CODE}" /></dd>
 		<dd><input type="text" name="confirm_code" id="confirm_code" size="8" maxlength="8" tabindex="{$CAPTCHA_TAB_INDEX}" class="inputbox narrow" title="{L_CONFIRM_CODE}" />
 		<!-- IF S_CONFIRM_REFRESH --><input type="submit" name="refresh_vc" id="refresh_vc" class="button2" value="{L_VC_REFRESH}" /><!-- ENDIF -->
 		<input type="hidden" name="confirm_id" id="confirm_id" value="{CONFIRM_ID}" /></dd>
diff --git a/phpBB/styles/prosilver/template/captcha_qa.html b/phpBB/styles/prosilver/template/captcha_qa.html
index 1671987f63..2962ca893b 100644
--- a/phpBB/styles/prosilver/template/captcha_qa.html
+++ b/phpBB/styles/prosilver/template/captcha_qa.html
@@ -8,7 +8,7 @@
 
 	<dl>
 	<dt><label>{QA_CONFIRM_QUESTION}{L_COLON}</label><br /><span>{L_CONFIRM_QUESTION_EXPLAIN}</span></dt>
-	<dd>
+	<dd class="captcha">
 		<input type="text" tabindex="{$CAPTCHA_TAB_INDEX}" name="qa_answer" id="answer" size="45"  class="inputbox autowidth" title="{L_ANSWER}" />
 		<input type="hidden" name="qa_confirm_id" id="qa_confirm_id" value="{QA_CONFIRM_ID}" />
 	</dd>
diff --git a/phpBB/styles/prosilver/template/captcha_recaptcha.html b/phpBB/styles/prosilver/template/captcha_recaptcha.html
index bde0c9df13..3b6ce29beb 100644
--- a/phpBB/styles/prosilver/template/captcha_recaptcha.html
+++ b/phpBB/styles/prosilver/template/captcha_recaptcha.html
@@ -11,7 +11,7 @@
 <!-- IF S_RECAPTCHA_AVAILABLE -->
 	<dl>
 	<dt><label>{L_CONFIRM_CODE}{L_COLON}</label><br /><span>{L_RECAPTCHA_EXPLAIN}</span></dt>
-	<dd>
+	<dd class="captcha">
 		<script type="text/javascript">
 		// <![CDATA[
 		var RecaptchaOptions = {
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css
index ed3ba61334..d15a3a5edc 100644
--- a/phpBB/styles/prosilver/theme/responsive.css
+++ b/phpBB/styles/prosilver/theme/responsive.css
@@ -350,6 +350,25 @@ fieldset.quick-login label[for="autologin"] {
 	select, .inputbox {
 		max-width: 260px;
 	}
+
+	dd.captcha {
+		margin-left: 0;
+	}
+
+	dd.captcha-image img {
+		width: 100%;
+	}
+
+	#recaptcha_challenge_image,
+	#recaptcha_response_field,
+	.recaptchatable #recaptcha_image {
+		margin: 0 !important;
+		width: 100% !important;
+		height: auto !important;
+	}
+	.recaptchatable #recaptcha_logo {
+		display: none !important;
+	}
 }
 
 @media only screen and (max-width: 430px), only screen and (max-device-width: 430px) {